首頁  >  文章  >  web前端  >  HTML5 瀏覽器支援

HTML5 瀏覽器支援

(*-*)浩
(*-*)浩原創
2019-10-23 15:47:352396瀏覽

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

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:什麼是 HTML5?下一篇:什麼是 HTML5?