怎么为HTML添加新元素

本文小编为大家详细介绍“怎么为HTML添加新元素”，内容详细，步骤清晰，细节处理妥当，希望这篇“怎么为HTML添加新元素”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

10年积累的做网站、网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站后付款的网站建设流程，更有合川免费网站建设让你可以放心的选择与我们合作。

现代的浏览器都支持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>

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容