![]() |
1
141
您可以在浏览器中使用自定义标记,尽管它们不会是HTML5(请参见 Are custom elements valid HTML5? 和 the HTML5 spec )
假设您要使用一个名为
步骤1 在CSS样式表中规范化其属性(想想CSS重置) 例子:
步骤2 通过将此脚本附加到头部(重要!):
然后您可以自由地使用您的自定义标签。
也可以自由设置属性…
|
![]() |
2
25
我不太确定这些答案。正如我刚刚读到的: “HTML中始终允许使用自定义标记。” http://www.crockford.com/html/ 这里的重点是,HTML是基于SGML的。与具有doctypes和模式的XML不同,如果浏览器不知道一个或两个标记,HTML不会变得无效。想想<Marquee>。这还没有在官方标准中。因此,当使用它使您的HTML页面“正式未经批准”时,它也不会破坏页面。 然后是<keygen>,它是特定于Netscape的,在HTML4中被遗忘,重新发现,现在在HTML5中被指定。 而且我们现在有了自定义的标记属性,比如在所有HTML5标记上都允许使用data xyzzz=…”。 所以,虽然你不应该发明一个你自己的定制的未指定的标记沙拉,但是在HTML中有定制的标记并不是完全禁止的。但是,除非您希望用+xml内容类型发送它,或者嵌入其他XML名称空间,如svg或mathml。这仅适用于SGML受限HTML。 |
![]() |
3
6
正如迈克尔在评论中所建议的,你想做的事情是完全可能的,但是你的术语是错误的。您不是“向HTML5添加标记”,而是用自己的标记创建一个新的XML文档类型。 我在上一份工作中做过一些项目。一些实用建议:
|
![]() |
4
5
在HTML中创建自己的标记名是不可能的/无效的。这就是XML、SGML和其他通用标记语言的用途。 你可能想要的是
或者代替
为了让它看起来和功能正常,只需连接一些CSS和JavaScript。 |
![]() |
5
5
我只想在前面的答案中添加一个含义,即只对自定义元素使用两个单词标记。 它们不应该被标准化。
例如,要使用标记
好吧,记住你不是唯一一个。也许在将来,W3C和/或浏览器将指定/实现这个标记。 此时,浏览器可能会实现此标记的本机风格,您的网站的设计可能会中断。
所以我建议使用(根据这个例子)
事实上,标签
|
![]() |
6
4
自定义标签可以在Safari、Chrome、Opera和Firefox中使用,至少可以用它们代替“class=…”。 绿色颜色:绿色在CSS中用于
|
![]() |
7
2
对于嵌入元数据,可以尝试使用 HTML microdata 但是它比使用类名更加冗长。
|
![]() |
8
2
除了写一个XSL样式表,正如我前面所描述的,还有另一种方法,至少如果您确信将使用火狐或其他成熟的XML浏览器(即,不是Internet Explorer)。跳过XSL转换,编写一个完整的CSS样式表,告诉浏览器如何直接格式化XML。这里的好处是您不必学习XSL,许多人发现它是一种困难的、违反直觉的语言。缺点是您的CSS必须完全指定样式,包括什么是块节点、什么是内联等。通常,在编写CSS时,您可以假定浏览器“知道”例如<em>是内联节点,但它不知道如何处理<dish>。 最后,我试过了几年,但我记得IE(至少有几个版本)拒绝将CSS样式表直接应用于XML文档。 |
![]() |
9
2
HTML的要点是,语言中包含的标记有一个约定的含义,世界上的每个人都可以使用和基于默认样式,或者使链接可单击,或者当您单击
像你这样的人造标签对人类来说是很好的(因为我们可以学习英语,从而知道,或者至少可以猜到,你的标签是什么意思),但对机器来说却不是那么好。 |
![]() |
10
1
正如尼克所说,任何版本的HTML都不支持自定义标记。 但是,如果在HTML中使用这种标记,它不会给出任何错误。
似乎您想创建一个列表。您可以使用无序列表
如果这不是你想要实现的,请具体说明你想要什么。那么我们可以想出一个答案。 |
![]() |
11
1
您可以通过HTML5数据属性添加自定义属性。 例如:消息 对HTML 5有效。见 http://ejohn.org/blog/html-5-data-attributes/ 获取细节。 |
![]() |
13
1
你可以做一些自定义的CSS样式,这将创建一个标签,使背景色变红:
|
![]() |
14
1
在某些情况下,创建自己的标记名可能会很好地工作。
请参阅此示例。
组成元素的另一个问题是你不知道未来会发生什么。如果你在几年前创建了一个标签名为
|
![]() |
15
0
这不是任何HTML规范中的选项:)
你也许可以做你想做的事
|
![]() |
16
0
我发现了这篇关于创建自定义HTML标记和实例化它们的文章。它简化了这个过程,并将其分解为任何人都可以立即理解和使用的术语——但我不完全确定它包含的代码示例在所有浏览器中都是有效的,因此请注意清空并彻底测试。不过,这是一个很好的入门主题。 |
![]() |
17
0
|
![]() |
18
0
您可以使用:
|