HTML5 标准规范有哪些，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

发展壮大离不开广大客户长期以来的信赖与支持，我们将始终秉承“诚信为本、服务至上”的服务理念，坚持“二合一”的优良服务模式，真诚服务每家企业，认真做好每个细节，不断完善自我，成就企业，实现共赢。行业涉及三维植被网等，在网站建设公司、成都全网营销、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

1.1文档结构

文档类型

在每一个html页面的第一行添加标准模式的声明,必须使用

语言属性

必须为html根元素制定lang属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等

区分浏览器

参照以下写法

这样写的好处：

• 可以使用class作为全局条件区分低版本的IE浏览器并进行调整，这显然要优于使用CSS Hack

• 可以避免IE6条件注释引起的高版本IE文件阻塞问题，原文的解决方法是在前面加一个空白的条件注释，但是这里显然将原本无用空白的条件注释变得有意义了

• 仍然可以通过HTML验证

• 与Modernizr等特征检测类库使用相同的class，更具备通用性

no-js标签是需要与Modernizr等类库配合使用的

viewport

必须加上viewport可以让我们开发出来的页面在不同大小的设备上都能统一友好显示

兼容属性

IE 支持通过特定的标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求，否则设置为edge mode，从而通知 IE 采用其所支持的最新的模式

字符编码

所有标记都应设置为utf–8，它应该同时指定在HTTP报头和文档头部

文档描述

为了更好让搜索引擎找到你的页面，必须写上keywords和description

页面title

必须给每个页面加上有意义的标题

type属性：省略

将样式表和脚本中的type省略，除非你不是用的css或javascript，在html5，该值默认是text/css和text/javascript

协议部分

在指向图片或其他媒体文件、样式表和脚本的URL地址中省略http: https:协议部分，除非已知相应文件不能同时兼容2个协议

关注点分离

将结构(markup)、表现样式(style)和行为动作(script)分开处理,尽量使三者之间的关联度降到最小,这样有利于维护

• 必须将css文件引入并置于head中

• 必须将js文件引入并置于body底部 ###大小写：只使用小写 所有的代码都应是小写的，包括元素名称、属性，属性值（除非text或CDATA的内容）、选择器、css属性、属性值（字符串除外）

Home



color: #E5E5E5;

color: #e5e5e5;

缩进

每次缩进使用4个空格不要使用Tab

.example {
    color: blue;
}

    
Fantastic
    
Great

树形结构

针对每一个块级元素都另起一行，并在每个子元素前缩进，可提升可读性

    
        
            header 1
            header 2
    
        
            
            
line 1
line 2

减少嵌套

尽可能减少嵌套,减少不必要的标签，如果结构可以满足上下文要求，就不需要有冗余的结构

test

test

test

test

标签嵌套规则

1.块级元素 address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h2~h7、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

2.内嵌元素 a、abbr、acronym、b、bdo、big、br、cite、code、 dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、 strong、sub、sup、textarea、tt、u、var

嵌套规则

1. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素：

 —— 对

 —— 对

 —— 错

2. 块级元素不能放在

里面：

 —— 错

 —— 错

3. 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：

h2、h3、h4、h5、h6、h7、p、dt

4. 块级元素与块级元素并列、内嵌元素与内嵌元素并列：

 —— 对

 —— 对

 —— 错

1.2代码规范

注释

• 单行注释，需在前空一格

• 多行注释，注释起始和结尾都另起一行，注释内容缩进4个空格，不要使用Tab

This is a comment

HTML有效性验证

使用有效的html标签，并利用工具如W3C html validator进行检查

This is  a demo.


This is a demo.

语义性

根据标签的语义来合理使用它 如使用footer元素来定义页脚，section元素来定义文档中的章节 这对代码的执行效率和可读性都非常重要

Journey
One day you finally knew what you had to do, and began.



Journey
One day you finally knew what you had to do, and began.

HTML5 data-* 自定义属性

添加属性的时候需要去掉前缀data-*，-后为一个单词小写.如下

    Click Here