HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了有没有办法在HTML5中创建自己的html标记?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创造一些东西
<menu>
    <lunch>
        <dish>aaa</dish>
        <dish>bbb</dish>
    </lunch>
    <dinner>
        <dish>ccc</dish>
    </dinner>
</menu>

可以在HTML5中完成吗?
我知道我可以做到

<ul id="menu">
    <li>
        <ul id="lunch">
            <li class="dish">aaa</li>
            <li class="dish">bbb</li>
        </ul>
    </li>
    <li>
        <ul id="dinner">
            <li class="dish">ccc</li>
        </ul>
    </li>    
</ul>

但它是这么少可读性:

@H_801_11@

解决方法

您可以在浏览器中使用自定义标记然它们不是HTML5(请参阅 Are custom elements valid HTML5?the HTML5 spec)。

让我们假设您要使用名为< stack>的自定义标记元素。这里是你应该做的…

步骤1

在CSS样式表中规范化其属性(think css reset) –
例:

stack{display:block;margin:0;padding:0;border:0; ... }

第2步

通过将此脚本附加到头部,使其在旧版本的Internet Explorer中工作(重要!):

<!--[if lt IE 9]> 
 <script> document.createElement("stack"); </script>
 <![endif]-->

然后可以自由使用您的自定义标签

<stack>Overflow</stack>

随意设置属性

<stack id="st2" class="nice"> Hello </stack>
@H_801_11@ @H_801_11@

大佬总结

以上是大佬教程为你收集整理的有没有办法在HTML5中创建自己的html标记?全部内容,希望文章能够帮你解决有没有办法在HTML5中创建自己的html标记?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。