這篇文章主要介紹“怎么把HTML5元素定義為塊級元素”,在日常操作中,相信很多人在怎么把HTML5元素定義為塊級元素問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么把HTML5元素定義為塊級元素”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
您可以幫助老版本瀏覽器處理 HTML5。
HTML5 瀏覽器支持
所有現(xiàn)代瀏覽器都支持 HTML5。
此外,所有瀏覽器,不論新舊,都會自動把未識別元素當(dāng)做行內(nèi)元素來處理。
正因如此,您可以幫助老式瀏覽器處理”未知的“ HTML 元素。
注:您甚至可以教授石器時代的 IE6 如何處理未知的 HTML 元素。
把 HTML5 元素定義為塊級元素
HTML5 定義了八個新的語義 HTML 元素。所有都是塊級元素。
您可以把 CSS display 屬性設(shè)置為 block,以確保老式瀏覽器中正確的行為:
實例
header, section, footer, aside, nav, main, article, figure { display: block; }
向 HTML 添加新元素
您可以通過瀏覽器 trick 向 HTML 添加任何新元素:
本例向 HTML 添加了一個名為 <myHero> 的新元素,并為其定義 display 樣式:
實例
<!DOCTYPE html><html><head> <title>Creating an HTML Element</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head><body><h2>My First Heading</h2><p>My first paragraph.</p><myHero>My First Hero</myHero></body></html>
到此,關(guān)于“怎么把HTML5元素定義為塊級元素”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
當(dāng)前題目:怎么把HTML5元素定義為塊級元素-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址:http://www.rwnh.cn/article10/djpgdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、服務(wù)器托管、App開發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、關(guān)鍵詞優(yōu)化
聲明:本網(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)