HTML经常使用的几个标签

HTML经常使用的几个标签简介

---

1.<iframe>标签

HTML内联框架元素 <iframe>标签表示嵌套的浏览上下文，有效地将另外一个HTML页面嵌入到当前页面中。

属性

1.frameborder

• 取值为1时（默认值），告诉浏览器在当前iframe与其余iframe之间绘制边框，取0时则无需绘制此边框。

2.name

• 嵌入的浏览上下文（框架）的名称。该名称能够用做<a>标签，<form>标签的target属性值，或<input> 标签和 <button>标签的formtaget属性值。

3.height

• 以CSS像素格式HTML5，或像素格式HTML 4.01，或百分比格式指定frame的高度。

4.width

• 以CSS像素格式HTML5，或以像素格式HTML 4.01，或以百分比格式指定frame的宽度。

5.src

• 嵌套页面的URL地址。使用遵照同源策略的 'about:blank' 来嵌套空白页。

---

2.<a>标签

HTML<a>(或锚元素) 能够建立一个到其余网页、文件、同一页面内的位置、电子邮件地址或任何其余URL的超连接。

属性

1.href

1.1 没有href属性

• 这是没有意义，自己和span没有区别。

1.2 href="qq.com"

• 打开的是一个相对文件路径，并不会打开网址。

1.3 href="http://qq.com"

• 打开是一个网址。

1.4 href="//qq.com"

• 这是无协议，将会自动识别并继承在它以前的协议。如果直接打开，识别的是file协议，如果指定了协议，例如localhost:8080//qq.com，则会识别http协议，从而打开qq网址。

1.5 href="javascript:;"

• 这是伪协议，这种写法经常使用于一些奇怪的需求。
  不使用href，就点击不了。
  使用href=""则会刷新本页面。
  使用href="#"产生锚点，会调到页面最上端。
  使用href="javascript:;"，不产生任何动做。
  使用href="javascript:alert(1)"，是存在可执行的。

1.6 href="?name=mamamoo"

• 这种状况下表示会在url后面添加?name=mamamoo而且发起了一个get请求。

1.7 href="#xxx"

• 在url后面添加#xxx添加一个锚点，并不会发起请求。

2.download

• 可实现下载操做。

3.target
3.1 "_blank"

• 新开一个空白页，打开网址。

3.2 "_self"

• 在自身窗口打开网址。

3.3 "_parent"

• 在父级窗口打开网址。

3.4 "_top"

• 在最上级窗口打开网址。

如：我用<iframe>在A窗口嵌套了B窗口，在B窗口中嵌套C窗口。那么C窗口的父级指的是B，最上级指的是A。

---

3.<input>标签

HTML <input> 元素用于为基于Web的表单建立交互式控件，以便接受来自用户的数据。

属性

1.name

• 控件的名称，与表单数据一块儿提交。

2.value

• 控件的初始值. 此属性是可选的，除非type 属性是radio或checkbox。注意，当从新加载页面时，若是在从新加载以前更改了值，Gecko和IE将忽略HTML源代码中指定的值。

3.checked

• 若是该元素的type属性的值为radio或者checkbox,则该布尔属性的存在与否代表了该控件是不是默认选择状态.

4.disabled

• 这个布尔属性表示此表单控件不可用。

5.type

5.1 button

• 完好省行为按钮。

5.2 checkbox

• 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。

5.3 password

• 一个值被遮盖的单行文本字段。使用 maxlength 指定能够输入的值的最大长度 。

5.4 radio

• 单选按钮。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，全部单选按钮的 name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮能够被选择。

5.5 submit

• 用于提交表单的按钮。

5.6 text

• 默认的类型，单行字段；换行会将自动从输入的值中移除。

---

4.<form>标签

HTML <form> 元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。

属性

1.action

• 一个处理这个form信息的程序所在的URL。这个值能够被 <button> 或者 <input> 元素中的 formaction 属性重载（覆盖）。

2.method

• a标签和form标签都是跳转页面，不过a标签是get请求，form是post请求。get是获取内容，post是提交内容。

3.name

• 这个form的名字。标签要有name属性，否则是没法在请求中获得。

4.target

• form标签的target属性和a标签是同样。

---

5.<button>标签

HTML <button> 元素表示一个可点击的按钮，能够用在表单或文档其它须要使用简单标准按钮的地方。

属性

1.name

• button的名称，与表单数据一块儿提交。

2.value

• button的初始值。它定义的值与表单数据的提交按钮相关联。当表单中的数据被提交时，这个值便以参数的形式被递送至服务器。

3.type
3.1 submit

• 此按钮提交表单数据给服务器。

3.2 reset

• 此按钮重置全部组件为初始值。

3.3 button

• 此按钮没有默认行为。它能够有与元素事件相关的客户端脚本，当事件出现时可触发。

3.4 menu

• 此按钮打开一个由指定<menu>元素进行定义的弹出菜单。

---

6.<table>标签

HTML的 <table>标签表示表格数据,即经过二维数据表表示的信息。浏览器会按照<thead>、<tbody>、<tfoot>顺序来进行显示，不按照写的顺序显示。并且它包括不少子元素，如：

---

7.<select>标签

HTML <select> 标签表示其提供选项菜单的控制。

属性

1.multiple

• 支持多选。

2.disabled

• 选项中标记了disabled是没法被选中。

3.selected

• 默认选中的选项。