高效书写HTML5

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

1.文档类型声明

文档类型声明

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

标签、属性、文件名

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

双标签

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

"/"的省略

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

可全部省略的标签

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

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

bool值类型属性

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

属性值的各种写法

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

空格问题

9.属性书写顺序

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

书写顺序

10.使用语义化标签

语义化标签


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

1.其它新增标记

1
2
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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,615评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,269评论 19 139
  • 今天父亲节,起床后和妹妹在家庭微信群里说了声老曹节日快乐后我就做别的事去了,反正没送他礼物,也没和他发红...
    曹屁阅读 261评论 0 0
  • 2017年10月20日 晴天 今天给自己的文章做个“手术”,剖析一下它哪里出了问题?怎么解决? 就拿我写的《拾金不...
    娈姝阅读 296评论 2 4
  • 1.前言 Android5.0 之后,很多控件都具有了 Material Design 的效果,看起来更炫,更好看...
    Android_小生阅读 2,438评论 0 1