這篇文章主要講解了“什么是html5語義化標簽”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“什么是html5語義化標簽”吧!
可以是頁面任何獨立的內(nèi)容區(qū)域,比如文章/博客/新聞/故事/論壇帖子/評論等等任何獨立的內(nèi)容。
<article> <header> <h2>文章標題</h2> <p>發(fā)布時間:<time pubdate='2019-05-06'>2019-05-06</time></p> <p>作者:xxx</p> </header> <p>文章內(nèi)容.........</p> <p>文章內(nèi)容.........</p> </article>
定義文檔中的節(jié)、區(qū)段,比如章節(jié)、頁眉或文章中的其他部分。比如我們對一篇文章進行分章節(jié)。
<article> <header> <h2>文章標題</h2> <p>發(fā)布時間:<time pubdate='2019-05-06'>2019-05-06</time></p> <p>作者:xxx</p> </header> <section> <h3>章節(jié)一的標題</h3> <p>文章內(nèi)容.........</p> </section> <section> <h3>章節(jié)二的標題</h3> <p>文章內(nèi)容.........</p> </section> </article>
<section>應(yīng)包含一組內(nèi)容及其標題。如果內(nèi)容沒有標題,不推薦使用<section>。
定義頁面的導航區(qū)域。
<nav> <a href='/a'>頁面a</a> <a href='/b'>頁面b</a> <a href='/c'>頁面c</a> </nav>
定義頁面主區(qū)域內(nèi)容之外的內(nèi)容(比如側(cè)邊欄)
描述文檔頭部區(qū)域,用于定義內(nèi)容的介紹展示,可以使用多個<header>。
為了幫助大家讓學習變得輕松、高效,給大家免費分享一大批資料,幫助大家在成為前端工程師,乃至全棧工程師的路上披荊斬棘。在這里給大家推薦一個前端全棧學習交流圈:784783012 歡迎大家進群學習交流,共同進步。
當真正開始學習的時候難免不知道從哪入手,導致效率低下影響繼續(xù)學習的信心。
但最重要的是不知道哪些技術(shù)需要重點掌握,學習時頻繁踩坑,最終浪費大量時間,所以有效資源還是很有必要的。
描述文檔底部區(qū)域,通常包含文檔作者,著作權(quán),使用條款,聯(lián)系信息等,可以使用多個<footer>,文檔的大致結(jié)構(gòu)可以分為
下面是更細致的語義化標簽,也是更容易被忽略的標簽。
<figure>定義獨立的流內(nèi)容(圖像、圖表、照片、代碼等等)。
<figcaption>定義<figure>的標題,通常置于figure元素的第一個或最后一個子元素
感謝各位的閱讀,以上就是“什么是html5語義化標簽”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對什么是html5語義化標簽這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
文章題目:什么是html5語義化標簽-創(chuàng)新互聯(lián)
標題來源:http://vcdvsql.cn/article42/dehphc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、動態(tài)網(wǎng)站、微信公眾號、網(wǎng)站設(shè)計、做網(wǎng)站、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容