仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳
眾所周知,對於SEO來說HTML標準是不容忽視的,讓HTML語義化,讓搜尋引擎爬蟲更好的理解內容,是今後SEO研究的一個方向。 昨晚一口氣讀完了《 Web標準實戰》,就第一部分《重新審視HTML》寫了篇小總結。
h1的合理使用,<h1>到<h6>表示標題的6個級別-重要性從高到低,如果在設計網頁過程中,你覺得他的預設面板不好看,可以通過css輕鬆設置你想要的樣式。 依照W3C的規定,標題跳級不是好的做法,因為h1-h6就像是一個大綱,要保持各個級別的連貫順序。 <table>裡面不常用的一些標籤:<caption>表格的標題,<table summary=」摘要」>表格摘要,<th>表頭,<td headers=」"> 表頭與資料的關係,<th abbr=」">改變語音合成器讀出的內容,<thead>表頭,<tfoot>表腳,<tbody>表體。 表格並非結構,在某些用途上是不可替代的,所以請不要絞盡腦汁用div代替table。 <blockquote>表示引用文本,當引用外界文字時,儘量用該標記 <lable>標籤標記,用來標注表單控制項 <dl><dt>來定義清單,在構建提交表單時,可以用該語法來代替 <p>或者<table>等 <input tabindex=1>讓使用者使用鍵盤來移動表單控制項的當前焦點 <lable for=」name」 accesskey=」9″>Name: </lable><input type=」text」 id=」name」 name=」name」>,使用者可以用Ctrl或者Alt鍵加上我們在代碼中設置的9鍵,來切換焦點到這個輸入框內。 在<form>中用<fieldset>將表單內容分組,當加上描述項<legent>之後,大多數瀏覽器上,都會在所分組的控制項週邊顯示一條邊框。 <strong>和<em>比<b>和<i>要好,因為前兩者是表達意義,而後兩者是表達外觀。 em表示強調,strong表示更加強調。 W3C在Html4.01規範中還定義了下列短語元素:<cite>包含引用資訊或者對其他來源的參考說明;<dfn>表示所包含的是術語的定義。 <code>指名一段電腦程式代碼。<samp>指明一段程式或者腳本等的輸出。 <kdb>表示由使用者輸入的文本。 <var>表示一個變數或者程式參數的實例。 <abbr>表示一種簡寫形式,例如WWW。 <acronym>表示只取首字母的縮寫形式,例如WAC。 更好的錨點方法
<p><a href=」#oranges」>關於桔子</a></p>
... 文字 ...
<a id=」oranges」 name=」oranges」>桔子很可口</a>
... 更多的文字 ... 給錨點加上title屬性可以為這個連結所指向的目標提供豐富和明確的描述資訊。 更多的清單,無序的清單使用<ul><li>,有序的清單使用<ol><li>,定義清單使用<dl><dt>(詞條)<dd>(解釋), 你可以通過css中的list-style-type來改變它們的樣式,甚至做到自訂,decimal數位型,upper-Alpha大寫字母型,lower-Alpha小寫字母型,upper-roman大寫羅馬數字, lower-roman小寫羅馬數字,none不顯示。 精簡HTML:使用class來定義樣式;使用css的#來定義樣式;去掉必要的<div>;