分享

高效书写HTML5,快速提升你的编码效率!

 新华书店好书榜 2017-03-21

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

1.文档类型声明

高效书写HTML5,快速提升你的编码效率!

文档类型声明

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

高效书写HTML5,快速提升你的编码效率!

标签、属性、文件名

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

高效书写HTML5,快速提升你的编码效率!

双标签

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

高效书写HTML5,快速提升你的编码效率!

'/'的省略

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

高效书写HTML5,快速提升你的编码效率!

可全部省略的标签

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

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

高效书写HTML5,快速提升你的编码效率!

bool值类型属性

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

高效书写HTML5,快速提升你的编码效率!

属性值的各种写法

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

高效书写HTML5,快速提升你的编码效率!

空格问题

9.属性书写顺序

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

高效书写HTML5,快速提升你的编码效率!

书写顺序

10.使用语义化标签

高效书写HTML5,快速提升你的编码效率!

语义化标签

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

1.其它新增标记

高效书写HTML5,快速提升你的编码效率!

高效书写HTML5,快速提升你的编码效率!

高效书写HTML5,快速提升你的编码效率!

2.废弃元素

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多