網(wǎng)站結(jié)構(gòu)語義內(nèi)容標(biāo)注

發(fā)布：2018-10-18 17:12:58 瀏覽：4984

正確地使用HTML是在Web內(nèi)容中獲取最大靈活性并且收回投資回報的關(guān)鍵。HTML從一開始便嚴(yán)格地區(qū)分文檔的層級結(jié)構(gòu)(標(biāo)題1、標(biāo)題2、段落、列表等)與文檔的可視化外觀(粗體、斜體、字體、字號、顏色等)。當(dāng)標(biāo)準(zhǔn)的HTML標(biāo)簽被用來傳達(dá)含義和內(nèi)容結(jié)構(gòu)時，HTML標(biāo)注被認(rèn)為是有語義的，而不是僅僅讓文字在瀏覽器中以一種特定的方式顯示。

Web標(biāo)注的語義化是高效Web編碼、信息架構(gòu)、通用可用性、搜索引擎可見性以及最大顯示靈活性的核心概念基礎(chǔ)。可以通過Web瀏覽器、各種移動計算設(shè)計和屏幕閱讀器來訪問Web內(nèi)容。也可以通過搜索引擎以及其他能從HTML標(biāo)注內(nèi)容的方式中提取含義和上下文的計算系統(tǒng)來閱讀Web內(nèi)容。

<h1>Thisisthemostimportantheadline</h1>

<p>Thisisordinaryparagraphtextwithinthebodyofthedocument,wherecertainwordsandphrasesmaybe<em>emphasized</em>tomarkthemas<strong>particularlyimportant</strong>.</p>

<h2>Thisisaheadlineofsecondaryimportancetotheheadlineabove</h2>

<p>Anytimeyoulistrelatedthings,theitemsshouldbemarkedupintheformofalist:</p><ul>

<li>Alistsignalsthatagroupofitemsareconceptuallyrelatedtoeachother</li><li>Listsmaybeordered(numberedoralphabetic)orunordered(bulleteditems)</li><li>Listsmayalsobemenusorlistsoflinksfornavigation</1i><li>CascadingstyleSheetscanmakelistslookmanydifferentways</li></ul>

即使在上面這個簡單的實(shí)例中，搜索引擎也能區(qū)分標(biāo)題的重要性和優(yōu)先級別，發(fā)覺哪些網(wǎng)站制作關(guān)鍵字是重要的，并且識別列表中概念上相關(guān)的項(xiàng)。專門針對手機(jī)設(shè)計的層疊樣式表可以采用適合小屏幕的字體顯示標(biāo)題和文字，屏幕閱讀軟件知道在哪以及如何通過暫?；蜃儞Q語音來向盲人讀者傳遞有關(guān)內(nèi)容結(jié)構(gòu)的信息。