HTML编写规则

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

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

 

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.布尔属性

 

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

 

 

 

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


文章标题:HTML编写规则
浏览路径:http://myzitong.com/article/ijcohi.html