HTML规范-代码格式

文案的注释方法

采用类似标签闭合的写法，与HTML统一格式；注释文案两头空格，与CSS注释统一格式。

• 开始注释：（文案两头空格）。
• 结束注释：（文案前加“/”符号，类似标签的闭合）。
• 允许只有开始注释！

    
    
LOGO
    
    
    

        
NAV1
        
NAV2
        
    
    

代码本身的注释方法

单行代码的注释也保持同行，两端空格；多行代码的注释起始和结尾都另起一行并左缩进对齐。

严格的嵌套

• 尽可能以最严格的xhtml strict标准来嵌套，比如内联元素不能包含块级元素等等。
• 正确闭合标签且必须闭合。

严格的属性

• 属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。
• 没有值的属性必须使用自己的名称做为值（checked、disabled、readonly、selected等等）。
• 可以省略style标签和script标签的type属性。

常用标签

标签	语义	嵌套常见错误	常用属性（加粗的为不可缺少的或建议的）
	超链接/锚	a不可嵌套a	href,name,title,rel,target
	换行	*	*
	按钮	不可嵌套表单元素	type,disabled
	定义列表中的定义（描述内容）	只能以dl为父容器，对应一个dt	*
	文本删除	*	*
	块级容器	*	*
	定义列表	只能嵌套dt和dd	*
	定义列表中的定义术语	只能以dl为父容器，对应多个dd	*
	强调文本	*	*
	表单	*	action,target,method,name
	标题	从h1到h6，不可嵌套块级元素	*
	内嵌一个网页	*	frameborder,width,height,src,scrolling,name
	图像	*	alt,src,width,height
	各种表单控件	*	type,name,value,checked,disabled,maxlength,readonly,accesskey
	*	标签为input元素定义标注	for
	列表项	只能以ul或ol为父容器	*
	引用样式或icon	不可嵌套任何元素	type,rel,href
	文档信息	只用于head	content,http-equiv,name
	有序列表	只能嵌套li	*
	select中的一个选项	仅用于select	value,selected,disabled
	段落	不能嵌套块级元素	*
	引用脚本	不可嵌套任何元素	type,src
	列表框或下拉框	只能嵌套option或optgroup	name,disabled,multiple
	内联容器	*	*
	强调文本	*	*
	引用样式	不可嵌套任何元素	type,media
	下标	*	*
	上标	*	*
	表格	只可嵌套表格元素	*width,align,background,cellpadding,cellspacing,summary,border
表格主体	只用于table
		表格中的单元格	只用于tr	colspan,rowspan
	多行文本输入控件	*	name,accesskey,disabled,readonly,rows,cols
表格表尾	只用于table	*
		表格中的标题单元格 只用于tr	colspan,rowspan
表格表头	只用于table	*
	文档标题	只用于head	*
表格行	嵌套于table或thead、tbody、tfoot	*
	无序列表	只能嵌套li	*