本文小编为大家详细介绍“怎么为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添加新元素”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。