正确地使用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>
即使在上面这个简单的实例中，搜索引擎也能区分标题的重要性和优先级别，发觉哪些网站制作关键字是重要的，并且识别列表中概念上相关的项。专门针对手机设计的层叠样式表可以采用适合小屏幕的字体显示标题和文字，屏幕阅读软件知道在哪以及如何通过暂停或变换语音来向盲人读者传递有关内容结构的信息。