gmnon.cn-疯狂蹂躏欧美一区二区精品,欧美精品久久久久a,高清在线视频日韩欧美,日韩免费av一区二区

站長資訊網(wǎng)
最全最豐富的資訊網(wǎng)站

html5主體結(jié)構(gòu)元素有哪些

html5主體結(jié)構(gòu)元素有:1、article元素,定義獨(dú)立的內(nèi)容;2、section元素,定義文檔中的節(jié);3、nav元素,定義導(dǎo)航鏈接的部分;4、aside元素,定義文檔側(cè)欄部分;5、time元素,定義日期或時間。

html5主體結(jié)構(gòu)元素有哪些

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

主體結(jié)構(gòu)元素,他是為了語義可以結(jié)構(gòu)化,就是為了更好的SEO,就是為了瀏覽器更好的抓取數(shù)據(jù)。包含的元素主要有article、section、nav、aside、time。

article元素

article標(biāo)簽從語義上看為文檔、頁面。用法:通常是一篇文章、頁面、一個獨(dú)立完整內(nèi)容。強(qiáng)調(diào)的是獨(dú)立性,article可以互相嵌套并且通常擁有header標(biāo)簽,它可以看做特殊的section元素(后面講解)。使用頻率高,代碼如下:

<!DOCTYPE HTML> <html> <body> <article>     <header>         <h1> apple教程</h1>        <p>時間:<time pubdate="pubdate">2013-2-1</time></p>      </header>      <p>輕松學(xué)習(xí)apple教程,就來</p>   <a href="http://www.apple.com">www.apple.com</a><br />      <footer>       <p><small>底部版權(quán)信息:apple.com公司所有</small></p>      </footer>    </article> </body> </html>

section元素

section元素語義為部分,用法:用于頁面中內(nèi)容的某一段,如文章的一段,通常由標(biāo)題和內(nèi)容組成,沒有標(biāo)題的部分不推薦使用section。section可以嵌套article元素,因?yàn)閍rticle更獨(dú)立。使用頻率低,強(qiáng)調(diào)分段分塊。代碼如下:

<!DOCTYPE HTML> <html> <body>    <section>    <h2>section元素使用方法</h2>     <p> section元素用于對網(wǎng)站或應(yīng)用程序中頁面上的內(nèi)容進(jìn)行分塊。</p>    </section> </body>  </html>

注意:當(dāng)一個容器需要被定義樣式或者腳背定義行為時,推薦使用p。不使用section.

nav元素

nav元素語義為導(dǎo)航,用法:一般作為頁面導(dǎo)航部分,使用頻率高。代碼如下:

<html> <body> <nav>     <ul>         <li><a href="">菜單1</a></li>         <li><a href="">菜單2</a></li>         <li><a href="">菜單3</a></li>     </ul> </nav>  </body>  </html>

aside元素

aside元素語義為旁邊、側(cè)邊,用法:在 article 標(biāo)簽中使用時,作為主要內(nèi)容的附屬信息部分,如有關(guān)的參考資料、名詞解釋等。在 article 標(biāo)簽外使用時,作為頁面或者站點(diǎn)全局的附屬信息部分,如側(cè)邊欄、博客的友情鏈接部分、廣告區(qū)域等。 使用頻率低。代碼如下:

<!DOCTYPE HTML> <html> <body> <!-- 在article標(biāo)簽內(nèi)使用時 --> <article>     <h1>馬云是誰</h1>     <p>馬云,男,1964年10月15日出生于浙江省杭州市,中國著名企業(yè)家,阿里巴巴集團(tuán)、淘寶網(wǎng)、支付寶創(chuàng)始人..........</p>     <aside>         <h1>參考資料</h1>         <p>百度網(wǎng)、維基百科...</p>     </aside> </article>   <!-- 在article標(biāo)簽外使用時 側(cè)導(dǎo)航欄--> <aside>     <nav>         <ul>             <li><a href="">老趙的博客</a></li>             <li><a href="">鬼哥的博客</a></li>             <li><a href="">彪叔的博客</a></li>         </ul>     </nav> </aside>  </body> </html>

time元素

time元素是時間標(biāo)簽。用法:代表 24 小時中的某個時刻或某個日期,表示時刻時允許帶時間差,可定義很多格式的日期和時間,使用頻率低。代碼如下:

<!DOCTYPE HTML> <html> <meta charset='utf-8'> <body> <aside>     <time datetime="2013-3-6">2014年3月6日</time>     <br/>     <!-- datetime屬性中日期與時間之間要用“T” 文字分隔,“T”表示時間 -->     <time datetime="2013-3-6T20:00">2014年3月6日20:00</time>     <br/>     <!-- 時間加上“Z”表示給機(jī)器編碼時使用UTC標(biāo)準(zhǔn)時間 -->     <time datetime="2013-3-6T20:00Z">2014年3月6日20:00</time>  </aside>  </body> </html>

【推薦課程:HTML5視頻教程、web前端入門教程】

贊(0)
分享到: 更多 (0)
網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
gmnon.cn-疯狂蹂躏欧美一区二区精品,欧美精品久久久久a,高清在线视频日韩欧美,日韩免费av一区二区
116极品美女午夜一级| 日本黄大片一区二区三区| av免费网站观看| 天堂8在线天堂资源bt| 三区视频在线观看| 午夜精品在线免费观看| 国产美女网站在线观看| 国产精品裸体瑜伽视频| 麻豆tv在线播放| 欧美日韩不卡在线视频| 性高湖久久久久久久久aaaaa| 国产高清不卡无码视频| 无码日本精品xxxxxxxxx| 亚洲天堂第一区| 黄色一级在线视频| 亚洲欧洲日产国码无码久久99| 漂亮人妻被中出中文字幕| 激情五月开心婷婷| 黄色片在线免费| 天天色天天综合网| 欧美高清中文字幕| 国产精品少妇在线视频| 鲁一鲁一鲁一鲁一av| www.午夜av| 日本手机在线视频| 成人午夜视频免费在线观看| 亚洲精品午夜在线观看| 成人国产一区二区三区| 奇米影视亚洲色图| 中文字幕有码av| 好吊色视频988gao在线观看| aa视频在线播放| 91精品无人成人www| 9l视频自拍9l视频自拍| 激情六月丁香婷婷| 人人妻人人澡人人爽精品欧美一区| 屁屁影院ccyy国产第一页| 成人在线观看黄| 亚洲小说欧美另类激情| 青青青国产在线视频| av中文字幕av| 午夜激情在线观看视频| 国产精品国产对白熟妇| 在线免费观看av网| 久久婷婷国产91天堂综合精品| 两性午夜免费视频| 中文字幕在线导航| 欧美变态另类刺激| 台湾无码一区二区| 一二三av在线| 在线免费观看视频黄| 青青草成人免费在线视频| 肉色超薄丝袜脚交| 亚洲精品一二三四五区| 日韩av黄色网址| 丰满人妻一区二区三区53号 | 国产偷人视频免费| 青青草成人免费在线视频| 在线无限看免费粉色视频| 99视频在线视频| 免费午夜视频在线观看| 国产特级淫片高清视频| 欧美图片激情小说| 97超碰人人爱| 日韩 国产 一区| 婷婷视频在线播放| 天天看片天天操| 国产精欧美一区二区三区白种人| av片中文字幕| 黄色片视频在线| 国产精品自拍视频在线| 欧美日韩怡红院| 国产成人黄色网址| 中文字幕在线观看日| 亚洲国产成人va在线观看麻豆| 欧美精品无码一区二区三区| 天天影视综合色| 免费涩涩18网站入口| av网站在线不卡| 五月天丁香花婷婷| 黄色一级片网址| 成人性免费视频| 成人免费在线小视频| 国产女女做受ⅹxx高潮| 国产一区二区在线免费播放| 天堂视频免费看| 国产激情片在线观看| 日本免费a视频| 粉嫩虎白女毛片人体| 五月激情五月婷婷| 成人国产一区二区三区| 国产极品粉嫩福利姬萌白酱| 欧美午夜性生活| 欧美精品久久96人妻无码| 国产黄色片免费在线观看| 国产av无码专区亚洲精品| 一区二区免费av| 成 年 人 黄 色 大 片大 全| 老司机午夜av| 91成人综合网| 毛片av免费在线观看| 桥本有菜av在线| 国产精品动漫网站| 久久天天东北熟女毛茸茸| 国产免费黄视频| 一本—道久久a久久精品蜜桃| 久久久久久久午夜| 波多野结衣三级在线| 精品一区二区中文字幕| 男人天堂网站在线| 亚洲 国产 图片| 成人黄色片视频| 成人午夜免费在线视频| 午夜一级免费视频| 日本男人操女人| 黄色一级片播放| 免费的一级黄色片| 天天操夜夜操很很操| 宅男噜噜噜66国产免费观看| 亚洲精品无码国产| 可以在线看黄的网站| 波多野结衣在线免费观看| 久久久久久久激情| 国产美女主播在线播放| wwwjizzjizzcom| 手机在线视频你懂的| 中文字幕成人免费视频| 色乱码一区二区三区在线| 久章草在线视频| 丰满少妇被猛烈进入高清播放| 欧美大黑帍在线播放| 欧美日韩亚洲国产成人| 中文字幕黄色大片| а 天堂 在线| 爱爱爱视频网站| 99re8这里只有精品| 艳母动漫在线观看| 国产91视频一区| 欧美做暖暖视频| 国产一区二区视频播放| 日韩av中文字幕第一页| 国模无码视频一区二区三区| 青青艹视频在线| 国语对白做受xxxxx在线中国 | 亚洲天堂av免费在线观看| www.51色.com| 国产一级片91| 91九色在线观看视频| 毛片一区二区三区四区| 男人天堂999| 五月婷婷六月丁香激情| 色综合五月婷婷| 欧美极品少妇无套实战| 欧美久久久久久久久久久久久| 虎白女粉嫩尤物福利视频| 中国黄色片一级| 日本福利视频在线观看| 欧美色图另类小说| 色婷婷综合网站| 天堂а√在线中文在线| 人妻内射一区二区在线视频| 日韩av片专区| 欧美日韩不卡在线视频| 黄色成人免费看| 日韩一级片一区二区| 无码人妻精品一区二区三区66| 99九九99九九九99九他书对| 国产黄色片免费在线观看| 国内自拍视频网| 日本手机在线视频| 日韩精品aaa| 国产裸体舞一区二区三区| 日本三级中文字幕在线观看| www.欧美日本| 成年人看的毛片| 热这里只有精品| 色悠悠久久综合网| 日韩av中文字幕第一页| 亚洲最新免费视频| 日本美女高潮视频| 亚洲熟妇国产熟妇肥婆| 秋霞在线一区二区| 中文字幕有码av| 欧美一级片中文字幕| 日韩五码在线观看| av动漫在线免费观看| 国产又粗又硬又长| 日本黄色的视频| 国产高潮免费视频| 黄色高清无遮挡| 欧美日韩第二页| 日韩在线一级片| 男人日女人逼逼| cao在线观看| 无码人妻少妇伦在线电影| japanese在线播放| 久久www视频| 日韩免费在线观看av| 黄色一级大片免费| 欧美中日韩在线|