浙江爱信诺前端规范

HTML规范 - 内容语义

内容类型决定使用的语义标签

在网页中某种类型的内容必定需要某种特定的HTML标签来承载,也就是我们常常提到的根据你的内容语义化HTML结构。

加强“资源型”内容的可访问性和可用性

在资源型的内容上加入描述文案,比如给img添加alt属性,在audio内加入文案和链接等等。

加强“不可见”内容的可访问性

背景图上的文字应该同时写在html中,并使用css使其不可见,有利于搜索引擎抓取你的内容,也可以在css失效的情况下看到内容。

适当使用实体

以实体代替与HTML语法相同的字符,避免浏览解析错误。

常用HTML字符实体(建议使用实体):
字符名称实体名实体数
"双引号""
&&符&&
<左尖括号(小于号)&lt;&#60;
>右尖括号(大于号)&gt;&#62;
 空格&nbsp;&#160;
 中文全角空格 &#12288;
常用特殊字符实体(不建议使用实体):
字符名称实体名实体数
¥&yen;&#165;
¦断竖线&brvbar;&#166;
©版权&copy;&#169;
®注册商标R&reg;&#174;
商标TM&trade;&#8482;
·间隔符&middot;&#183;
«左双尖括号&laquo;&#171;
»右双尖括号&raquo;&#187;
°&deg;&#176;
×&times;&#215;
÷&divide;&#247;
千分比&permil;&#8240;