如何创建自己的HTML标记？_Html

如何创建自己的HTML标记？

html

如何创建自己的HTML标记？,html,Html,如何在html或HTML5中创建自己的html标记，以便创建自己的html标记和css库比如 ulli或某些文本是的，我自己的方向这是一种方法吗？如果是的话，请告诉我我对它有多好奇。并告诉我在制作个性化标签（如果你知道的话）后会遇到什么问题。这是html，不是xml。正确的方法是使用并应用您自己的.mymenu类，您可以将其样式设置为菜单或定义菜单外观的标题类。正确的方法是使用类：。也就是说，我所知道的每个浏览器都会很好地显示您的标记，您可以根据需要对其进行样式设置： mymenu {

如何在html或HTML5中创建自己的html标记，以便创建自己的html标记和css库比如

ulli或某些文本
是的，我自己的方向

这是一种方法吗？如果是的话，请告诉我我对它有多好奇。并告诉我在制作个性化标签（如果你知道的话）后会遇到什么问题。

这是html，不是xml。正确的方法是使用

并应用您自己的

.mymenu

类，您可以将其样式设置为菜单或定义菜单外观的标题类。

正确的方法是使用类：

。也就是说，我所知道的每个浏览器都会很好地显示您的

标记，您可以根据需要对其进行样式设置：

mymenu {
    display    : block;
    background : teal;
}

演示：

请注意，IE在此处查看HTML5 Shiv的故事：

您可以使用相同的方法启用自定义标记

但是不要。这太愚蠢了。在类中使用span或div。

可以在像这样的

<!DOCTYPE html SYSTEM "http://your.domain/xhtml-custom.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' 
      xmlns:custom="http://your.domain/" 
      xml:lang='en-US'>

…这太麻烦了-考虑到使用自定义元素的全部目的是生成更多的语义标记

早在IE6时代，我就对此进行了详细的研究，当时xhtml似乎是未来的产物，解决了所有问题，但由于解决方案的繁琐性，我从未试图在任何地方实现它

不管怎样，全世界都放弃了xhtml，因为它太麻烦了

最终，实现更好语义的自定义元素几乎不值得，因为无论您做什么，您的标记都可能会受到演示需求的影响，因为（我已经尝试了几十年了），您无法完全在线将内容与演示分离。

是的，有一种方法

CSS代码：

mymenu {
    display    : block;
    background : black;

}

HTML代码：

<mymenu> ul li or some text </mymenu>
<heading> Yeah My Own Heading</heading>

在CSS中创建一个标记，没有类（.）或id（#）

CSS:

HTML:

ulli或某些文本
是的，我自己的方向

为此，您可以使用css创建自定义标记：

c-r {
    color:red;
}

这是我自己做的。查看它，因为它可能已经有了您想要的内容。

使用div或span并添加类有什么问题<代码>使用类并没有什么错。我想知道，我们可以在html中设置未定义标记名的样式吗？签出CSS重置，如果您还没有正确的方法：+1，但实际上，IE<9将无法识别自定义标记。参考OMG。。那很管用谢谢。。但是你能告诉我。。我会有什么问题吗？跨浏览器或处理数据时出错？@mossawir-请阅读您上面的Thomas Shields评论；如果你不希望IE7/8能够使用你的标记，那就直接去做。@Thomas，@Jared-让IE7/8正常工作是一个简单的“黑客”，请参阅调整后的答案。@cwolves-我认为有办法解决这个问题。如果您想要IE7/8支持，那么很可能需要使用JS为自定义元素构建站点（您能说这不好玩吗？）。实际上，我刚刚删除了一个建议这样做的答案，但我不介意看到一些代码证据（因为我的jQuery.html（）在IE7或IE8中不起作用）。这是我的测试：HTML是一种标记语言，从来没有打算被黑客攻击和向各个方向扩展。XML更易于阅读和编写。我们使用HTML的唯一原因仍然是因为向后和向前的兼容性。正如我在中指出的，一些浏览器对创建自己的标记名没有很好的响应。（在本例中，任意选项在Chrome和Firefox中看起来不错，但在IE和Edge中则不一样。）

custom\:customtag { display:block; }

mymenu {
    display    : block;
    background : black;

heading {
    font-family: cursive;
    /* MORE CUSTOMIZE */
}

<mymenu> ul li or some text </mymenu>
<heading> Yeah My Own Heading</heading>

h1 {
/*etc..*/
}

mymenu {
    /* Styling Here */
}

heading {
    /* Styling Here */
}

<mymenu> ul li or some text </mymenu>
<heading> Yeah My Own Heading </heading>

c-r {
    color:red;
}