有没有办法在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重置)-示例：

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

步骤2

要使它在旧版本的InternetExplorer中工作，您需要将此脚本附加到头部(如果您需要它在较旧版本的IE中工作，则非常重要！)：

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

---

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

<stack>Overflow</stack>

也可以自由设置属性.。

<stack id="st2" class="nice"> hello </stack>