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:email@qq.com tel:+86188xxxxxxx,但是在一般的微信或者qq浏览器直接设置href的值为手机号也可以调起拨号功能)