這篇文章主要介紹“怎么把HTML5元素定義為塊級(jí)元素”，在日常操作中，相信很多人在怎么把HTML5元素定義為塊級(jí)元素問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么把HTML5元素定義為塊級(jí)元素”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、自適應(yīng)網(wǎng)站建設(shè)、程序開發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、小程序開發(fā)等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站制作、成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營(yíng)銷、管理等多方位專業(yè)化運(yùn)作于一體。

您可以幫助老版本瀏覽器處理 HTML5。

HTML5 瀏覽器支持

所有現(xiàn)代瀏覽器都支持 HTML5。

此外，所有瀏覽器，不論新舊，都會(huì)自動(dòng)把未識(shí)別元素當(dāng)做行內(nèi)元素來(lái)處理。

正因如此，您可以幫助老式瀏覽器處理”未知的“ HTML 元素。

注：您甚至可以教授石器時(shí)代的 IE6 如何處理未知的 HTML 元素。

把 HTML5 元素定義為塊級(jí)元素

HTML5 定義了八個(gè)新的語(yǔ)義 HTML 元素。所有都是塊級(jí)元素。

您可以把 CSS display 屬性設(shè)置為 block，以確保老式瀏覽器中正確的行為：

實(shí)例

header, section, footer, aside, nav, main, article, figure {    display: block; }

向 HTML 添加新元素

您可以通過(guò)瀏覽器 trick 向 HTML 添加任何新元素：

本例向 HTML 添加了一個(gè)名為 的新元素，并為其定義 display 樣式：

實(shí)例

       
My First Heading
My first paragraph.
My First Hero

到此，關(guān)于“怎么把HTML5元素定義為塊級(jí)元素”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

網(wǎng)頁(yè)名稱：怎么把HTML5元素定義為塊級(jí)元素-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/djpgdo.html