HTML标签

关于标签嵌套

  • a 标签中可以嵌套标签，不可以放块标签

  • 块级元素与块级元素平级，内嵌元素与内嵌元素平级

  • 块元素可以包含内联元素或某些块元素；内联元素不可以包含块元素，只能包含其他内联元素

  • 几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素

  • h1 ~ h6 、 p 、 dt

  • 块级元素不能放在标签 p 里面

  • li 标签可以包含 div 标签，因为li和div都是装载内容的容器

为提高浏览器的渲染效率，应尽量少的嵌套标签、扁平化。

块级元素与内联元素

块级元素

内联元素（行内元素）

独占一行，默认情况下，其宽度自动填满其父元素宽度

相邻行内元素排列在同一行，直至一行排不下，才会换行，其宽度随元素内容而变化

可以设置宽高width/height属性

设置宽高无效

可以设置margin padding属性

行内元素起边距作用的只有 margin-left/margin-right/padding-left/padding-right

对应属性display:block

对应display:inline

HTML 语义化标签的理解

HTML5 语义化标签是指正确的标签包含了正确的内容，结构良好，便于阅读，比如 nav 表示导航条，类似的还有 article、header、footer 等等标签。

HTML5 新增的元素

语义化标签 header,footer,nav,aside,section

增强表单，为 input 增加了 color， emial,data ,range 等类型

存储，提供了 sessionStorage，localStorage,和 离线存储，通过这些存储方式方便数据在客户端的存储和获取

多媒体，规定了音频和视频元素 audio 和 video

地理定位

canvas 画布

拖放

多线程编程的 web worker 和 websocket 协议