語義學（源自古希臘）可定義為對語言意義的研究。

創新互聯公司是一家專業提供伊寧企業網站建設,專注與成都做網站、網站制作、H5場景定制、小程序制作等業務。10年已為伊寧眾多企業、政府機構等服務。創新互聯專業網站設計公司優惠進行中。

語義元素是擁有語義的元素。

語義元素清楚地向瀏覽器和開發者描述其意義。

非語義元素的例子：<div> 和 <span> - 無法提供關于其內容的信息。

語義元素的例子：<form>、<table> 以及 <img> - 清晰地定義其內容。

所有現代瀏覽器均支持 HTML5 語義元素。

此外，您可以“幫助”老式瀏覽器處理“未知元素”。

在 HTML5 瀏覽器支持這一章學習更多知識。

許多網站包含了指示導航、頁眉以及頁腳的 HTML 代碼，例如這些：<div id="nav"> <div class="header"> <div id="footer">。

HTML5 提供了定義頁面不同部分的新語義元素：

<section> 元素定義文檔中的節。

根據 W3C 的 HTML 文獻：“節（section）是有主題的內容組，通常具有標題”。

可以將網站首頁劃分為簡介、內容、聯系信息等節。

<article> 元素規定獨立的自包含內容。

文檔有其自身的意義，并且可以獨立于網站其他內容進行閱讀。

<article> 元素的應用場景：

在 HTML5 標準中，<article> 元素定義完整的相關元素自包含塊。

<section> 元素被定義為相關元素塊。

我們能夠使用該定義來決定如何嵌套元素嗎？不，我們不能！

在因特網上，您會發現 <section> 元素包含 <article> 元素的 HTML 頁面，還有 <article> 元素包含 <sections> 元素的頁面。

您還會發現 <section> 元素包含 <section> 元素，同時 <article> 元素包含 <article> 元素。

<header> 元素為文檔或節規定頁眉。

<header> 元素應該被用作介紹性內容的容器。

一個文檔中可以有多個 <header> 元素。

下例為一篇文章定義了頁眉：

<footer> 元素為文檔或節規定頁腳。

<footer> 元素應該提供有關其包含元素的信息。

頁腳通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等等。

您可以在一個文檔中使用多個 <footer> 元素。

<nav> 元素定義導航鏈接集合。

<nav> 元素旨在定義大型的導航鏈接塊。不過，并非文檔中所有鏈接都應該位于 <nav> 元素中！

<aside> 元素頁面主內容之外的某些內容（比如側欄）。

aside 內容應該與周圍內容相關。

在書籍和報紙中，與圖片搭配的標題很常見。

標題（caption）的作用是為圖片添加可見的解釋。

通過 HTML5，圖片和標題能夠被組合在 <figure> 元素中：

<img> 元素定義圖像，<figcaption> 元素定義標題。

如果使用 HTML4 的話，開發者會使用他們喜愛的屬性名來設置頁面元素的樣式：

header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, ...

如此，瀏覽器便無法識別正確的網頁內容。

而通過 HTML5 元素，比如：<header> <footer> <nav> <section> <article>，此問題迎刃而解。

根據 W3C，語義網：

下面列出了以字母順序排列的 HTML5 新語義元素。

這些鏈接指向完整的 HTML 參考手冊。