正確地使用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>This is the most important headline</h1>
 
<p>This is ordinary paragraph text within the body of the document, where certain words and phrases may be<em> emphasized</em> to mark them as <strong>particularly important</strong>.</p >
 
<h2>This is a headline of secondary importance to the headline above</h2>
 
<p>Any time you list related things, the items should be marked up in the form of a list:</p > <ul>
 
<li>A list signals that a group of items are conceptually related to each other</li> <li>Lists may be ordered (numbered or alphabetic) or unordered(bulleted items)</li> <li>Lists may also be menus or lists of links for navigation</1i> <li>Cascading style Sheets can make lists look many different ways</li></ul>
 
即使在上面這個簡單的實例中，搜索引擎也能區(qū)分標(biāo)題的重要性和優(yōu)先級別，發(fā)覺哪些網(wǎng)站制作關(guān)鍵字是重要的，并且識別列表中概念上相關(guān)的項。專門針對手機(jī)設(shè)計的層疊樣式表可以采用適合小屏幕的字體顯示標(biāo)題和文字，屏幕閱讀軟件知道在哪以及如何通過暫?；蜃儞Q語音來向盲人讀者傳遞有關(guān)內(nèi)容結(jié)構(gòu)的信息。