Using a text-overflow:ellipsis that is compatible with the IE6 IE7 IE8 FF to replace the Intercept function is more advantageous to SEO, and if the Intercept function is used, the title in the source code is not complete, even if the full caption is displayed in the Title property. It is not as good as the full title text connection. This method makes both the full title and the search engine friendly.
If you do not want to display the ellipsis, then change the Text-overflow property value to clip on the line, and the full caption text connection is displayed.
The following is the complete HTML file code, has been tested, you can copy the use.
Effect preview:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title>seo2012 Sina Blog </title>
<meta name= "keywords" content= "" >
<meta name= "description" content= "" >
<style type= "Text/css" >
ul{border:1px solid #ccc; width:200px;}
UL Li{display:block;}
UL Li A{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
</style>
<body>
<ul class= "" >
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
<li><a href= "http://blog.sina.com.cn/u/2270076000" title= "seo2012 out of text display ellipsis is more conducive to SEO" > seo2012 exceeding text display ellipsis is more advantageous for seo</a></li>
</ul>
</body>
[Reproduced] using a compatible IE6 IE7 IE8 FF text-overflow:ellips