一、常见特殊类别的元素
1、空元素：不可能存在子节点（例如内嵌的元素或者元素内的文本）的元素，如
<br>、<hr>、<input>等。
2、可替换元素：根据src下载的内容替换标签，内容有默认宽高属性，设置css样式将会覆盖其属性，如<img>、<input>、<video>、<iframe>等。
3、表单元素：
- form标签（一般表示post请求）
a) method属性为"get"，表单参数将会作为查询字符串；
b) method属性为"post"，表单参数将会提交给服务器，其中https协议将会加密提交明文参数，否则被监听后会泄露参数；
c) 属性target四个值_blank &_self&__patent&_top,分别表示在新页面框&自身页面框&父页面框&祖先页面框打开链接页面；
d) <input>须设置type="submit"对服务器发起请求；
e) 属性action值，为处理这个form信息的程序所在的URL。 - input标签
a) input标签type="button"，等价于type="button"的button标签；
因为button默认type="submit"，所以input标签type="submit"，等价于未设置type属性的button标签；
b) input标签type="checkbox"多选框、type="radio"单选框。
i、后加文字说明，提交数据为value值以及是否勾选，与文字说明无关；
ii、可使用<lable>标签两种方式关联input选框，使用lable标签属性for="选框ID值"，以及使用lable标签包裹整个input选框；
iii、同一name下的多个单选框只能选中一个，多选框则不受限。
-
select和子标签option
a) <select name="xxx">和<option value="yyy">，提交数据xxx=yyy;
b) <select>可设置属性multiple，选中多个值；
c) <option>可设置disabled属性不可选中，selected属性默认选中； -
<textarea>默认宽高自适应，宽高可以通过style="resize:none;width="x";height="y";属性或则cols和rows属性设置。
4、表格元素 -
table标签
a) 标签从外到里结构依次为table>thead、tbody、tfoot>tr>th、td；
b) 设置标签colgroup的子标签col的width和bgcolor，可依次从左到右设置表格的列的宽和背景颜色。
二、其他常见标签 -
iframe标签
a) 标签组合：可以和a标签搭配使用，iframe标签设置"name=xxx",a标签设置"target=xxx"，a标签链接的页面将会在iframe标签呈现的内嵌页面框中打开；
b) 属性frameborder="0"，消去内嵌页面框的边框，更美观；
c) 可自定义属性width和height，height不能使用百分比高度；
d) 属性src，表示加载内容的网址或路径。 -
a标签（一般表示get请求）
a) 属性target四个值_blank &_self&__patent&_top,分别表示在新页面框&自身页面框&父页面框&祖先页面框打开链接页面；
b) 属性download，等价于http响应设置Content-type:application/octet-stream，浏览器将以下载形式接受响应内容，而非将响应内容在页面展示；
c) 属性href设置URL值。
URL值未设置协议，将会以当前打开页面使用的协议，
URL值未设置路径将会默认添加路径"/"；
URL值以"#"开头，表示跳转到页面的锚点位置，且不会发起GET请求；
URL值设置为空，将会刷新页面。
网友评论