HTML5已經(jīng)成為HTML語(yǔ)法的更新標(biāo)準(zhǔn)，因?yàn)樗?014年底正式標(biāo)準(zhǔn)化。它為網(wǎng)頁(yè)設(shè)計(jì)師提供的主要繪圖之一是支持將復(fù)雜的視覺(jué)媒體和動(dòng)態(tài)美學(xué)效果嵌入到網(wǎng)頁(yè)結(jié)構(gòu)中。因此，可以在用戶的瀏覽器上有效地顯示令人印象深刻的視差滾動(dòng)效果，而無(wú)需用戶下載笨重的媒體文件。HTML 5還提供了擴(kuò)展的標(biāo)記標(biāo)記選擇，Web設(shè)計(jì)人員可以使用這些標(biāo)記將頁(yè)面內(nèi)容有意義地分成幾個(gè)部分，以便組織頁(yè)面代碼并幫助搜索引擎的抓取工具對(duì)其進(jìn)行索引。

在網(wǎng)頁(yè)設(shè)計(jì)師可用的四個(gè)不同的段定義標(biāo)簽中，“文章”標(biāo)簽可能是最容易理解的，因?yàn)樗荚诎粋€(gè)可供讀者使用的自足內(nèi)容，而無(wú)需閱讀其他部分。合理。例如，維護(hù)博客功能的網(wǎng)站上的每篇博文都會(huì)在邏輯上包含在文章標(biāo)簽中。另一方面，“部分”標(biāo)簽嚴(yán)格地存在于已經(jīng)包含在物品標(biāo)簽內(nèi)的一條內(nèi)容中，使得部分可以被指定為彼此分開(kāi)。從邏輯上講，“section”標(biāo)簽中包含的每條內(nèi)容可能只有在與“set”中的其他部分一起使用時(shí)才有意義。
另外兩個(gè)標(biāo)簽通常用于表示與給定URL或頁(yè)面的主要內(nèi)容一起存在的網(wǎng)站UI或UX的各個(gè)方面。包含指向與網(wǎng)頁(yè)主題相關(guān)的網(wǎng)址鏈接的側(cè)邊欄應(yīng)包含在“旁邊”標(biāo)記內(nèi)，以便讓設(shè)計(jì)人員了解網(wǎng)站代碼。同樣，“nav”標(biāo)簽應(yīng)該用于表示提供通常位于給定頁(yè)面頂部的導(dǎo)航界面的代碼塊。這兩個(gè)標(biāo)簽都可以幫助抓取工具確定如何根據(jù)SEO評(píng)估這些細(xì)分受眾群。