溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“怎么為HTML添加新元素”，內容詳細，步驟清晰，細節處理妥當，希望這篇“怎么為HTML添加新元素”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
現代的瀏覽器都支持HTML5。
此外，所有瀏覽器，包括舊的和最新的，對無法識別的元素會作為內聯元素自動處理。
正因為如此，你可以"教會"瀏覽器處理"未知"的HTML元素。
Note甚至你可以教會IE6(WindowsXP2001)瀏覽器處理未知的HTML元素。
將HTML5元素定義為塊元素
HTML5定了8個新的HTML語義（semantic）元素。所有這些元素都是塊級元素。
為了能讓舊版本的瀏覽器正確顯示這些元素，你可以設置CSS的display屬性值為block:
實例
header,section,footer,aside,nav,main,article,figure{
display:block;
}
為HTML添加新元素
你可以為HTML添加新的元素。
該實例向HTML添加的新的元素，并為該元素定義樣式，元素名為<myHero>：
實例
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>為HTML添加新元素</title>
<script>
document.createElement("myHero")
</script>
<style>
myHero{
display:block;
background-color:#ddd;
padding:50px;
font-size:30px;
}
</style>
</head>
<body>
<h2>我的第一個標題</h2>
<p>我的第一個段落。</p>
<myHero>我的第一個新元素</myHero>
</body>
</html>
JavaScript語句document.createElement("myHero")是為IE瀏覽器添加新的元素。
讀到這里，這篇“怎么為HTML添加新元素”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
