当前位置: 首页 > Web前端 > HTML

编写灵活、稳定、高质量HTML代码的规范

时间:2023-04-02 18:03:16 HTML

1.唯一性法则无论有多少人参与同一个项目,都必须保证每一行代码都是由唯一的人编写的。二、HTML2.1语法(1)使用两个空格而不是制表符(tab)——这是确保在所有环境中呈现一致的唯一方法。(2)嵌套元素应该缩进一次(即两个空格)。(3)属性的定义,一定要用双引号,千万不要用单引号。(4)不要在自闭合元素的末尾添加尾部斜杠——HTML5规范明确指出这是可选的。(5)不要省略可选的结束标记(例如,或)。2.2示例3.HTML5doctype在每个HTML页面的第一行添加标准模式语句,以确保在每个浏览器中呈现一致。四、language属性根据HTML5规范:强烈建议为html根元素指定lang属性,以便为文档设置正确的语言。这将帮助语音合成工具确定它应该使用的发音,帮助翻译工具确定它在翻译时应该遵循的规则,等等。5.IE兼容模式IE支持特定的标签来确定应该使用哪个IE版本来绘制当前页面。除非有强烈的特殊需求,否则最好将其设置为边缘模式,以便通知IE采用其支持的最新模式。6、字符编码通过显式声明字符编码,可以保证浏览器能够快速方便地判断页面内容的渲染方式。这样做的好处是可以避免在HTML中使用字符实体标签(characterentity),这样它们都与文档编码一致(一般使用UTF-8编码)。7、导入CSS和JavaScript文件根据HTML5规范,导入CSS和JavaScript文件时一般不需要指定type属性,因为text/css和text/javascript分别是它们的默认值。8.实用为王尽量遵循HTML标准和语义,但不要牺牲实用性。始终尝试使用最少的标签并将复杂性保持在最低限度。九。属性顺序9.1从大到小HTML属性应按照下面给出的顺序排列,以确保代码的易读性。(1)class(2)id,name(3)data-*(4)src,for,type,href,value(5)title,alt(6)role,aria-*9.2Example9.3Descriptionclassisusedfor标识高度可重用的组件,因此应该位于列表的顶部。id用于标识特定组件,应谨慎使用(例如,页面中的书签),因此排在第二位。10.布尔属性10.1注解(1)布尔属性在声明时不能赋值。XHTML规范要求它被赋值,但HTML5规范没有。(2)元素的布尔属性如果有值则为真,没有值则为假。(3)如果属性存在,其值必须为空字符串或[...]属性的规范名称,并且不要添加前导和尾随空格。简单的说,不需要赋值。10.2示例11.减少标签数量编写HTML代码时,尽量避免父元素冗余。很多时候,这需要迭代和重构来实现。十二。减少JavaScript生成的标签。JavaScript生成的标签使内容难以查找、编辑并降低性能。尽可能避免。待续编写灵活、稳定、高质量CSS代码的规范阅读更多