[TOC] ## `<h1>` ~ `<h6>` w3school描述：由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。 ####display:none 有时候为了达到 SEO 与界面美观，不得不采用一些隐藏文本的办法。不仅是网易、腾讯等大型门户网站如此，小网站在网站 LOGO 上采用文本背景、文本缩进等方式的也屡见不鲜。 采用 display:none 的做法唯一的一个弊端就是代码所隐藏的文字很有可能会被引擎误以为的垃圾信息，从而忽略其内容。在这个说法的前提下，display:none 仅仅作为达到界面样式的作用，而失去了 SEO 的作用。 因 display:none 样式导致网站被 K ，有点说不过去了。除非是网站中大量的站外链接都设置 display:none 样式，这种情况下会被认为是黑链。 针对 SEO 最佳隐藏文本的办法是： ~~~ .seowhy{display: block;height: 0;width: 0;overflow: hidden;} (**Xee:**我认为可以设置font-size:0;这些都属于黑帽SEO) ~~~ 其次还可以使用 visibility:hidden; 样式，但是它会占据一定的文本流空间。 * * * * * 这个是我优化的一个影视站HTML结构代码，故意加了影片标题，这样做的目的就是增加影视名称的关键词出现频率，但是在显示效果不让标题显示，代码结构如下： ~~~ <li> <a target="_blank" href="http://www.tebotv.com/vod-play-id-14866-sid-0-pid-2.html" title="《不要追究过去》第2集"><strong>不要追究过去</strong>第2集</a> </li> ~~~ 样式结构： ~~~ .playBox .boxList li a strong { position: absolute; left: -999px; } ~~~ 显示效果：  > [Display:none做SEO隐藏文字可行吗？](http://www.ecdoer.com/post/displaynone-hidden-text.html)