網站結構語義內容標注

發布：2018-10-18 17:12:58 瀏覽：4136

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

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

<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>

即使在上面這個簡單的實例中，搜索引擎也能區分標題的重要性和優先級別，發覺哪些網站制作關鍵字是重要的，并且識別列表中概念上相關的項。專門針對手機設計的層疊樣式表可以采用適合小屏幕的字體顯示標題和文字，屏幕閱讀軟件知道在哪以及如何通過暫停或變換語音來向盲人讀者傳遞有關內容結構的信息。