當前位置:
首頁 > 知識 > HTML5基礎教程之語義化標記

HTML5基礎教程之語義化標記

HTML5基礎教程包括html5新特性及canvas畫布的學習及使用。

article

-- 解釋

article標籤裝載顯示一個獨立的文章內容。例如一篇完整的論壇帖子,一則網站新聞,一篇博客文章等等,一個用戶評論等等 artilce可以嵌套,則內層的artilce對外層的article標籤有隸屬的關係。例如,一個博客文章,可以用article顯示,然後一 些評論可以以article的形式嵌入其中。

-- 示列


文章標題

這是一篇文章

評論1...

評論2...

section

-- 解釋

section 標籤定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分。

-- 示列


章節一

詳細內容...


章節二

詳細內容...

aside

-- 解釋

aside 用來裝載非正文類的內容。例如廣告,成組的鏈接,側邊欄等等。

-- 示列

熱門文章

廣告


文章標題

這是一篇文章

評論1...

評論2...

hgroup

-- 解釋

hgroup 標籤用於對網頁或區段的標題元素(h1-h6)進行組合。例如,在一個區段中你有連續的h系列的標籤元素,則可以用hgroup將他們括起來。

-- 示列


The reality dysfunction


Dr. Strangelove

header

-- 解釋

header 標籤定義文檔的頁面組合,通常是一些引導和導航信息。

-- 示列

this is the page Logo

this is page navigation

footer

-- 解釋

footer 標籤定義 section 或 document 的頁腳。在典型情況下,該元素會包含創作者的姓名、文檔的創作日期以及/或者聯繫信息。

-- 示列

2012 Baidu 使用百度前必讀 京ICP證030173號

nav

-- 解釋

nav 標籤定義顯示導航鏈接不是所有的成組的超級鏈接都需要放在nav標籤里。nav標籤里應該放入一些當前頁面的主要導航鏈接。 例如在頁腳顯示一個站點的導航鏈接(如首頁,服務信息頁面,版權信息頁面等等),就可以使用nav標籤,當然,這不是必須的。

-- 示列

Index of all articles

Things sheeple need to wake up for today

Sheeple we have managed to wake

time

-- 解釋

time 標籤定義公曆的時間(24 小時制)或日期,時間和時區偏移是可選的。該元素能夠以機器可讀的方式對日期和時間進行編碼,這樣, 舉例說,用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中,搜索引擎也能夠生成更智能的搜索結果。

-- 示列

我們在每天早上

9:00

開始營業。

我在

情人節

有個約會。

mark

-- 解釋

mark 標籤定義帶有記號的文本。請在需要突出顯示文本時使用 標籤。

-- 示列

Do not forget to buy

milk

today.

figure

-- 解釋

figure標籤規定獨立的流內容(圖像、圖表、照片、代碼等等)。figure 元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。

-- 示列

黃浦江上的的盧浦大橋

figcaption

-- 解釋

figcaption 標籤定義 figure 元素的標題(caption)。"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。

-- 示列

黃浦江上的的盧浦大橋

contextmenu+menu

-- 解釋

contextmenu 添加到系統右鍵菜單 [貌似這個功能只有firefox支持,很悲催的]

-- 示列

添加到系統右鍵菜單

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 IT技術java交流 的精彩文章:

C語言 高手 是怎麼練成的
帶你回味童年遊戲 俄羅斯方塊,僅需300餘行JAVA代碼!
24歲開始學習前端的大牛分享經歷,還有什麼理由不努力
給迷茫的JAVA員一些中肯建議,不然你就廢了,快速成為架構師
一張圖助你快速記憶CSS所有屬性

TAG:IT技術java交流 |

您可能感興趣

CVPR 2018:新型語義分割模型:動態結構化語義傳播網路DSSPN
CVPR 2018 | 新型語義分割模型:動態結構化語義傳播網路DSSPN
Stanford NLP 解讀 ACL 2018 論文——用於調試 NLP 模型的語義等價對立規則
ETH Zurich提出新型網路「ROAD-Net」,解決語義分割域適配問題
無綠幕MR特效,谷歌開源AI語義分割模型DeepLab-v3+
基於IR-transformer、IRGAN模型,解讀搜狗語義匹配技術
專欄 | 基於IR-transformer、IRGAN模型,解讀搜狗語義匹配技術
ICASSP 2018 | 思必馳和上交大提出口語語義理解新方法:基於對抗多任務學習的半監督訓練
具備語義與位置雙重映射,INDEMIND發布混合現實產品MELLO,眾籌價3399元
CVPR 2019 Oral 論文解讀 | 無監督域適應語義分割
李飛飛團隊CVPR論文:讓AI識別語義空間關係
語義圖像分割 解密谷歌DeepLab-v3+
上海交大盧策吾團隊開源PointSIFT刷新點雲語義分割記錄
Keras】基於SegNet和U-Net的遙感圖像語義分割
谷歌基於語義模型打造全新搜索方式——Talk to Books
神州泰岳DINFO-OEC平台再獲殊榮,自成一派的中文語義分析技術卓爾不凡
從語義上理解卷積核行為,UCLA朱松純等人使用決策樹量化解釋CNN
曠視科技Face+提出用於語義分割的判別特徵網路DFN
曠視科技提出ExFuse——優化解決語義分割特徵融合問題
谷歌開源其語義圖像分割模型DeepLab-v3+