有没有办法在HTML 5中创建自己的html标记？

Question

有没有办法在HTML 5中创建自己的html标记？

我想创造出这样的东西

<menu>
    <lunch>
        <dish>aaa</dish>
        <dish>bbb</dish>
    </lunch>
    <dinner>
        <dish>ccc</dish>
    </dinner></menu>

它能在HTML 5中完成吗？我知道我可以用

<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>

但是它的可读性要差得多：

Answer 1

您可以在浏览器中使用自定义标记，尽管它们不会是HTML 5(参见自定义元素是否有效HTML 5？和HTML 5规范).让我们假设您希望使用一个名为<stack>..你应该这么做.。步骤1在CSS样式表中规范化其属性(考虑CSS重置)-示例：&nbsp;stack{display:block;margin:0;padding:0;border:0;&nbsp;...&nbsp;}步骤2要使它在旧版本的InternetExplorer中工作，您需要将此脚本附加到头部(如果您需要它在较旧版本的IE中工作，则非常重要！)：&nbsp;<!--[if&nbsp;lt&nbsp;IE&nbsp;9]>&nbsp; &nbsp;<script>&nbsp;document.createElement("stack");&nbsp;</script> &nbsp;<![endif]-->然后，您可以自由地使用您的自定义标签。<stack>Overflow</stack>也可以自由设置属性.。<stack&nbsp;id="st2"&nbsp;class="nice">&nbsp;hello&nbsp;</stack>