您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“HTML5瀏覽器支持實例分析”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“HTML5瀏覽器支持實例分析”吧!
HTML5 瀏覽器支持
所有現(xiàn)代瀏覽器都支持 HTML5。
此外,所有瀏覽器,不論新舊,都會自動把未識別元素當(dāng)做行內(nèi)元素來處理。
正因如此,您可以幫助老式瀏覽器處理”未知的“ HTML 元素。
注:您甚至可以教授石器時代的 IE6 如何處理未知的 HTML 元素。
把 HTML5 元素定義為塊級元素
HTML5 定義了八個新的語義 HTML 元素。所有都是塊級元素。
您可以把 CSS display 屬性設(shè)置為 block,以確保老式瀏覽器中正確的行為:
實例
1 2 3 | header, section, footer, aside, nav, main, article, figure { display: block; } |
向 HTML 添加新元素
您可以通過瀏覽器 trick 向 HTML 添加任何新元素:
本例向 HTML 添加了一個名為 <myHero> 的新元素,并為其定義 display 樣式:
實例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!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> |
到此,相信大家對“HTML5瀏覽器支持實例分析”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。