HTML標(biāo)簽和屬性的語義化

2024-08-26 00:14:12

字體：大中小

供稿：網(wǎng)友

分離結(jié)構(gòu)與表現(xiàn)的另一個(gè)重要方面是使用語義化的標(biāo)記來構(gòu)造文檔內(nèi)容。一個(gè) XHTML 元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義，沒有理由使用其他的標(biāo)記。換句話說，不要讓 CSS 使一個(gè) HTML 元素看起來就像另一個(gè) HTML 元素，比如用<div>來代替<p>標(biāo)記標(biāo)題。

首先是關(guān)于語義（Semantics）和默認(rèn)樣式的區(qū)別，默認(rèn)樣式是瀏覽器設(shè)定的一些常用tag的表現(xiàn)形式，個(gè)人認(rèn)為他的主要目的就是讓大家直觀的熟悉標(biāo)簽(markup)和屬性(attribute)的用途和作用，很明顯Hx系列看起來很像標(biāo)題，因?yàn)閾碛写煮w和較大的字號(hào)。<strong>,<em>用來區(qū)別于其他文字，起到了強(qiáng)調(diào)的作用。至于列表和表格很明顯的告訴你他們是做什么的。

其次，語義化的網(wǎng)頁的好處，最主要的就是對(duì)搜索引擎友好，又了良好的結(jié)構(gòu)和語義你的網(wǎng)頁內(nèi)容自然輕易被搜索引擎抓取，你網(wǎng)站的推廣便可以省下不少的功夫。

具體的語義和用途在，XHTML1.0 TAG 參考中都已經(jīng)說明，這里將一些輕易遺忘或者混淆的TAGS和屬性予以補(bǔ)充。

<Hx>

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作為標(biāo)題使用，并且依據(jù)重要性遞減。<h1>是最高的等級(jí)。
例如:

示例代碼 [www.CuoXIn.com]

上一篇：HTML高級(jí)教程標(biāo)準(zhǔn)要點(diǎn)(xhtml)

下一篇：Defaultstylesheet-HTML4標(biāo)簽的默認(rèn)樣式列表