HTML5新增元素与CSS(未更新完成)

1.在你在页面head标签中

<link href="<?php echo Yii::app()->baseUrl;?>/favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon"/>     <link href="<?php echo Yii::app()->baseUrl;?>/favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon"/>     <link href="<?php echo Yii::app()->baseUrl;?>/favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>

加这个，在浏览器上面看着更美观，而且百度搜索时候前面也会出现这个小图标，更吸引用户点击网站。

2.搜索引擎可能会根据lang属性指定的语言区分搜索结果，从而仅显示与搜索词语言相同的页面。搜索引擎会将title做为页面主要内容的指标，并将页面内容按照与之相关的文字进行索引。设置title时尽量少于60个字符。h1 - h6的标题元素也会对搜索引擎的搜索结果产生影响。

3.不要使用h1-h6标记副标题或者非子标题，可以使用lang属性指定这些元素的语言

4.不能在header里面嵌套footer，也不能在footer或者address里嵌套header，不可以在address库嵌套aside。

5.设置 list-style:none消除ul元素的默认的原点

6.main元素标记一般在页面只使用一次，来标记页面的主要内容不能将main元素放置在article，aside，footer，header，或nav元素中。

7.article元素中可以包含article元素，但需要注意代码的可读性，article里也可以包含section元素或者是h1-h6的元素。

8.section元素代表文档或应用的一个一般的区块。具有相似主题的一组内容。

9.footer元素可以嵌套他的最近的article、aside、block quote、body、details、fields、figure、nav、section或td元素

10.role属性 称之为地标角色，为了屏幕阅读器的使用

11.small元素，表示细则的一类旁注，包括版权声明、注意事项、法律限制、版权信息等。

12.strong元素用来标记重要的文本，而em元素用来表示强调的文本，在h5中需要注意的是，不要用b元素代替strong，他们的含义不一样，可以这样来区分他们的使用情况：em用于所有层次的强调，strong用于表示重要性，而其他情况则使用b和i。可以在strong元素中嵌套strong元素。

13.figure元素表示创建图。 figcaption为其子元素，可以在其定义图片的标题。

14.cite元素可以指明对某内容源的引用或参考

15.blockquote元素表示单独存在的引述，q元素则用于短的引述。

16.time元素datetime属性可以同步Web应用之前同步日期和时间，如果忽略必须按照严格的日期格式去写。

17.abbr元素表示缩写词，title属性为其全称。

18.dfn元素为定义术语，默认为斜体。

19.sub、sup元素表示该文本的下标或者上标。

20.address元素表示作者的联系信息。

21.ins元素代表新添加的内容，del元素标记删除的内容，s元素标记不再准确或不再相关的文本。

22.code元素标记代码或文件名。

23.pre元素预格式化文本，保留其内容中的回车、空格等原样输出。(注意在div元素中可使用white-space:pre来替代pre元素，戴氏不推荐使用)。

24.mark元素表示突出显示的文本。(标记)

25.<br>或<br/>来表示换行。

26.创建一个连接后跳到网页的顶端或其他指定元素时，可以使用a标签进行跳转。需要跳转到的元素设置id，然后设置a标签  href=#id，这样既可点击a标签既可跳转到对应的元素。(注意也可以设置a标签的href为电话号码或者是电子邮件:mailto:[e-mail] tel:+86188xxxxxxx，但是在一般的微信或者qq浏览器直接设置href的值为手机号也可以调起拨号功能)