HTML常见元素和理解
head区常见标签元素:<meta/> <title></title> <style></style> <link/> <script/> <base/>
<meta charset="utf-8">表示的是页面使用的字符集
移动端头
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
其中<base>标签元素必须位于head元素内部
<base>标签为页面上的所有链接规定默认地址和默认目标:例如
<base href="http://www.w3school.com.cn/i/" />
body区常见标签元素
我这里不按照inline、inline-block、 block元素分
按照自己理解分类
一般用来布局的块元素:<div></div> <section></section> <article></article> <aside></aside> <header></header> <footer></footer><nav></nav>
表示段落的块元素:p
行内元素(inline)元素:<span></span> 、<em></em> 、<strong></strong> 、<i></i>
表格元素: <table></table>、 <thead></thead> 、<tbody></tbody> 、<tr></tr>、 <td></td>
列表元素:<ul></ul> 、 <li></li> 、 <ol></ol> 、<dl></dl> 、<dt></dt>、 <dd></dd>
链接:<a></a>
表单元素: <form></form>、<input/>、<select><\select>、<textarea></textarea>、<button></button>
HTML重要属性:
a[href,target]
img[src,alt]
table td[rowspan,colspan]
form[target,method,enctype]
input[type,value]
button[type]
select>option[value]
label[for]
HTML4 | XHTML | HTML5 |
标签允许不结束 | 标签必须结束 | 标签允许不结束 |
属性不带引号 | 属性必须引号 | 属性不用带引号 |
标签属性可大写 | 标签属性必须小写 | 标签属性可以大写 |
Boolean属性可省略值 | Boolean属性必须写值 | Boolean属性可省略值 |
HTML元素嵌套关系
1.块级元素可以包含行内元素
2.块级元素不一定能包含块级元素,比如p一般不能包含div
3.“行内元素一般不能包含块级元素”
划重点第三点
行内元素一般不能包含块级元素,但是有一种情况却是合法的,比如a标签可以包含div (a>div),因为在HTML5中a标签内容盒模型为transparent的,因为是透明的,所以在计算嵌套合法性时,a标签就会被忽略,所以这种情况就合法