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

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

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

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

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