正確地使用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)簽被用來傳達(dá)含義和內(nèi)容結(jié)構(gòu)時(shí)，HTML標(biāo)注被認(rèn)為是有語義的，而不是僅僅讓文字在瀏覽器中以一種特定的方式顯示。


 
Web標(biāo)注的語義化是高效Web編碼、信息架構(gòu)、通用可用性、搜索引擎可見性以及最大顯示靈活性的核心概念基礎(chǔ)?？梢酝ㄟ^Web瀏覽器、各種移動(dòng)計(jì)算設(shè)計(jì)和屏幕閱讀器來訪問Web內(nèi)容。也可以通過搜索引擎以及其他能從HTML標(biāo)注內(nèi)容的方式中提取含義和上下文的計(jì)算系統(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>
 
即使在上面這個(gè)簡(jiǎn)單的實(shí)例中，搜索引擎也能區(qū)分標(biāo)題的重要性和優(yōu)先級(jí)別，發(fā)覺哪些網(wǎng)站制作關(guān)鍵字是重要的，并且識(shí)別列表中概念上相關(guān)的項(xiàng)。專門針對(duì)手機(jī)設(shè)計(jì)的層疊樣式表可以采用適合小屏幕的字體顯示標(biāo)題和文字，屏幕閱讀軟件知道在哪以及如何通過暫停或變換語音來向盲人讀者傳遞有關(guān)內(nèi)容結(jié)構(gòu)的信息。