HTML5的語義標(biāo)簽怎么用

這篇文章主要介紹“HTML5的語義標(biāo)簽怎么用”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“HTML5的語義標(biāo)簽怎么用”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)擁有網(wǎng)站維護(hù)技術(shù)和項(xiàng)目管理團(tuán)隊(duì)，建立的售前、實(shí)施和售后服務(wù)體系，為客戶提供定制化的網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、西部信息機(jī)房解決方案。為客戶網(wǎng)站安全和日常運(yùn)維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護(hù)服務(wù)覆蓋集團(tuán)企業(yè)、上市公司、外企網(wǎng)站、商城開發(fā)、政府網(wǎng)站等各類型客戶群體，為全球上千多家企業(yè)提供全方位網(wǎng)站維護(hù)、服務(wù)器維護(hù)解決方案。

在html5中，語義標(biāo)簽?zāi)軌蚯宄拿枋銎湟饬x給瀏覽器和開發(fā)者，也就是盡量使用有相對(duì)應(yīng)的結(jié)構(gòu)的含義的Html的標(biāo)簽，語義標(biāo)簽包括“footer”、“header”、“nav”、“figcaption”標(biāo)簽等等。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

HTML5語義標(biāo)簽的含義是什么

語義= 意義

語義元素 = 有意義的元素

什么是語義元素?

一個(gè)語義元素能夠清楚的描述其意義給瀏覽器和開發(fā)者。

無語義 元素實(shí)例: <div> 和 <span> - 無需考慮內(nèi)容.

語義元素實(shí)例: <form>, <table>, and <img> - 清楚的定義了它的內(nèi)容.

許多現(xiàn)有網(wǎng)站都包含以下HTML代碼： <div id="nav">, <div class="header">, 或者 <div id="footer">, 來指明導(dǎo)航鏈接, 頭部, 以及尾部.

HTML5 提供了新的語義元素來明確一個(gè)Web頁面的不同部分:

  • <header>

  • <nav>

  • <section>

  • <article>

  • <aside>

  • <figcaption>

  • <figure>

  • <footer>

HTML5的語義標(biāo)簽怎么用

示例如下：

<section> 標(biāo)簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<section>
  <h2>WWF</h2>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
  <h2>WWF's Panda symbol</h2>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>

輸出結(jié)果：

HTML5的語義標(biāo)簽怎么用

關(guān)于“HTML5的語義標(biāo)簽怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

本文名稱：HTML5的語義標(biāo)簽怎么用
轉(zhuǎn)載源于：http://muchs.cn/article2/jepeic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、、關(guān)鍵詞優(yōu)化、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營