html5书写,高效书写HTML5

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

1.文档类型声明

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

文档类型声明

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

标签、属性、文件名

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

双标签

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

"/"的省略

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

可全部省略的标签

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

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

bool值类型属性

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

属性值的各种写法

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

空格问题

9.属性书写顺序

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

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

书写顺序

10.使用语义化标签

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

语义化标签

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

1.其它新增标记

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

1

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

2

6ec593b55cfd?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

3

2.废弃元素

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值