您可以幫助舊版瀏覽器處理 HTML5。
HTML5 瀏覽器支援
所有現代瀏覽器都支援 HTML5。 (推薦學習:html教學)
此外,所有瀏覽器,無論新舊,都會自動把未辨識元素當作行內元素來處理。
正因如此,您可以幫助老式瀏覽器處理」未知的「 HTML 元素。
註:您甚至可以教導石器時代的 IE6 如何處理未知的 HTML 元素。
把 HTML5 元素定義為區塊級元素
HTML5 定義了八個新的語意 HTML 元素。所有都是區塊級元素。
您可以將CSS display 屬性設為 block,以確保老式瀏覽器中正確的行為:
實例
header, section, footer, aside, nav, main, article, figure { display: block; }
#向HTML 新增任何元素
您可以透過瀏覽器trick 為HTML 新增任何新元素:
本例為HTML 新增了一個名為523a75af872c9b7da9495f252f14cbcb 的新元素,並為其定義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> <h1>My First Heading</h1> <p>My first paragraph.</p> <myHero>My First Hero</myHero> </body> </html>
以上是HTML5 瀏覽器支援的詳細內容。更多資訊請關注PHP中文網其他相關文章!