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

創(chuàng)新互聯(lián)公司是一家專業(yè)提供伊寧企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站制作、H5場景定制、小程序制作等業(yè)務(wù)。10年已為伊寧眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

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

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

非語義元素的例子：<div> 和 <span> - 無法提供關(guān)于其內(nèi)容的信息。

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

所有現(xiàn)代瀏覽器均支持 HTML5 語義元素。

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

在 HTML5 瀏覽器支持這一章學(xué)習(xí)更多知識。

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

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

<section> 元素定義文檔中的節(jié)。

根據(jù) W3C 的 HTML 文獻：“節(jié)（section）是有主題的內(nèi)容組，通常具有標題”。

可以將網(wǎng)站首頁劃分為簡介、內(nèi)容、聯(lián)系信息等節(jié)。

<article> 元素規(guī)定獨立的自包含內(nèi)容。

文檔有其自身的意義，并且可以獨立于網(wǎng)站其他內(nèi)容進行閱讀。

<article> 元素的應(yīng)用場景：

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

<section> 元素被定義為相關(guān)元素塊。

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

在因特網(wǎng)上，您會發(fā)現(xiàn) <section> 元素包含 <article> 元素的 HTML 頁面，還有 <article> 元素包含 <sections> 元素的頁面。

您還會發(fā)現(xiàn) <section> 元素包含 <section> 元素，同時 <article> 元素包含 <article> 元素。

<header> 元素為文檔或節(jié)規(guī)定頁眉。

<header> 元素應(yīng)該被用作介紹性內(nèi)容的容器。

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

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

<footer> 元素為文檔或節(jié)規(guī)定頁腳。

<footer> 元素應(yīng)該提供有關(guān)其包含元素的信息。

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

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

<nav> 元素定義導(dǎo)航鏈接集合。

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

<aside> 元素頁面主內(nèi)容之外的某些內(nèi)容（比如側(cè)欄）。

aside 內(nèi)容應(yīng)該與周圍內(nèi)容相關(guān)。

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

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

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

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

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

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

如此，瀏覽器便無法識別正確的網(wǎng)頁內(nèi)容。

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

根據(jù) W3C，語義網(wǎng)：

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

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