本篇文章展示了标签规则，标签语义化，属性规则，属性顺序和布尔属性五个方面，带大家梳理一下Web前端知识点的HTML编写规则。

成都创新互联致力于成都网站设计、网站建设,成都网站设计,集团网站建设等服务标准化，推过标准化降低中小企业的建站的成本，并持续提升建站的定制化服务水平进行质量交付，让企业网站从市场竞争中脱颖而出。 选择成都创新互联，就选择了安全、稳定、美观的网站建设服务！

 

 

1.标签规则

 

很多人觉得HTML太简单，但她恰恰是前端开发中最基础最重要的部分。

 

标签名统一使用小写，不要使用大写；

 

不要在自闭（self-closing）元素的尾部添加斜线；

 

不要省略可选的结束标签（closing tag）

 

不要轻易使用实体字符；

 

 

 

•  

  

   

 

 

 

2.标签语义化

 

根据各个标签的用途去使用它们很重要，它涉及到文档的可访问性、重用和代码效率等方面。

 

去掉样式或者样式丢失时页面结构依然清晰；

 

移动设备能够更加完美的展示网页（移动设备对css的支持较弱）；

 

阅读器会根据标签的语义自动解析，呈现更容易阅读的内容形式（无障碍阅读）；

 

便于后期的开发和维护，提高团队合作效率；

 

便于搜索引擎根据标签的语义确定上下文的权重问题；

 

 

 

 

 

 

文章

 

 

 

 

3.属性规则

 

使用标签时尽量符合语义

 

属性名统一使用小写，不要用大写；

 

务必用双引号包含属性值；

 

自定义属性请加data- 前缀；

 

属性过长时请分行；

 

尽量避免style属性和javascript事件；

 

4.属性顺序

 

HTML属性应当按照以下给出的顺序依次排列，确保代码的易读性。

 

class

 

id，name

 

data-*

 

src，for，type，href

 

title，alt

 

aria-*，role

 

class用于标识高度可复用组件，因此应该排在首位。id用于标识具体组件，应当谨慎使用（例如：页面内的标签），因此排在第二位。

 

 

 

 

5.布尔属性

 

布尔型属性可以在声明时不赋值。

 

 

 

1

 关于HTML编写规则就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。

文章标题：HTML编写规则
文章转载：http://myzitong.com/article/ijcohi.html