高效书写HTML5

H5开始对标签及属性的书写更加包容,同时新增了语义化的标签,也是为了替代纯div+css的布局,本文讲带大家一起学习和探讨HTML书写规范。

1.文档类型声明

文档类型声明

2.标签、属性名、文件名推荐小写字母

标签、属性、文件名

3.双标签可省略关闭标签,不过建议保留关闭标签

高效书写HTML5_第1张图片
双标签

4.单标签的“/”可写可不写(但在XHTML和XML中斜线是必须的

高效书写HTML5_第2张图片
"/"的省略

5.可全部省略的标签,不过建议保留

可全部省略的标签

ps:省略或在DOM和XML软件中会崩溃,省略在旧版浏览器(IE9)会发生错误。

6.布尔值的属性,可省略属性值

高效书写HTML5_第3张图片
bool值类型属性

7.属性值可以不使用引号,推荐使用引号。

高效书写HTML5_第4张图片
属性值的各种写法

8.属性与属性值之间等号前后空格

空格问题

9.属性书写顺序

顺序依次是class、id/name、data-、src/for/type/href、title/alt、aria-/role。

书写顺序

10.使用语义化标签

高效书写HTML5_第5张图片
语义化标签


以下内容为H5相关标签,大家可以自行学习。

1.其它新增标记

高效书写HTML5_第6张图片
1
高效书写HTML5_第7张图片
2
高效书写HTML5_第8张图片
3

2.废弃元素

basefont、big、center、font、s、strike、tt、u、bgsound、marquee(只有IE支持)、rb、acronym、dir、isindex、listing、xmp、nextid、plaintext、

frame废弃原因,主要是影响load事件加载,具体请参考:

(http://gongxquan.blog.163.com/blog/static/2108462532012111643039216)

你可能感兴趣的:(高效书写HTML5)