分離結構與表現的另一個重要方面是使用語義化的標記來構造文檔內容。一個XHTML 元素的存在就意味被標記內容的那部分有相應的結構化的意義,沒有理由使用其他的標記。換句話說,不要讓CSS 使一個HTML 元素看起來就像另一個HTML 元素,比如用<div>來代替<p>標記標題。
首先是關於語義(Semantics)和默認樣式的區別,默認樣式是瀏覽器設定的一些常用tag的表現形式,個人認為他的主要目的就是讓大家直觀的熟悉標籤(markup)和屬性(attribute)的用途和作用,很明顯Hx系列看起來很像標題,因為擁有粗體和較大的字號。 <strong>,<em>用來區別於其他文字,起到了強調的作用。至於列表和表格很明顯的告訴你他們是做什麼的。
其次,語義化的網頁的好處,最主要的就是對搜索引擎友好,又了良好的結構和語義你的網頁內容自然輕易被搜索引擎抓取,你網站的推廣便可以省下不少的功夫。
具體的語義和用途在,XHTML1.0 TAG 參考中都已經說明,這裡將一些輕易遺忘或者混淆的TAGS和屬性予以補充。
<Hx><h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作為標題使用,並且依據重要性遞減。 <h1>是最高的等級。
例如:
示例代碼[www.CuoXIn.com]