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
Space is not the only void
Dr. Strangelove
Or: How I Learned to Stop Worrying and Love the Bomb
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支持,很悲催的]
-- 示列
添加到系統右鍵菜單
點擊展開全文
※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+