怎么为HTML添加新元素

发布时间:2022-03-18 10:46:43 作者:iii
来源:亿速云 阅读:474

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

推荐阅读:
  1. 为php添加xcache
  2. HTML5初窥2之新元素

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:JavaScript如何使用For循环结构

下一篇:JavaScript如何实现多级对象的深度克隆

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》