我可以在<icon>中使用HTML5元素吗？它使W3C验证器失败
当我转到W3C验证器服务时，用下面的示例测试它是否抱怨使用<icon>元素：
<!doctype html>
<html lang="en">
<head>
<title>Title</title>
<meta charset="utf-8"/>
</head>
<body>
<icon></icon>
</body>
</html>我从中得到的错误说明如下：
错误:在此上下文中，元素图标不允许作为元素体的子元素。(抑制此子树中的进一步错误。)从第8行，第2列；到第8行，元素体的第7列内容模型:流内容。
上面写着“不允许作为子元素”的部分向我暗示，<icon>元素本身可能确实存在，但它的目的是用于其他的东西，因此在结构上不适合它。但是当我进入MDN HTML元素引用时，没有列出<icon>元素。
但是，使用它是有效的(我可以使用它来显示Fontawesome图标)，并且看到HTML5是如何建议我们可以组成自己的元素的(而Angularjs提倡使用任意元素名作为指令)，在实践中使用它是否真的很糟糕呢？
这会对SEO不利吗？读者会抱怨吗？解析者会抱怨吗？这不是未来的证据吗？
回答 1
Webmasters Stack Exchange用户
发布于 2018-12-08 18:24:19
有两件事：
- 在
<head></head>中包含引用链接，就像链接CSS文件一样：<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> - 将您的
<icon>引用为<i class="material-icons">cloud</i>
您可以在W3学校图标教程上了解更多有关它的信息。
附文
我承认@unor，<span>是另一种引用图标的方式。似乎有一些严重的之间的辩论和，但这两种方法似乎起作用。我可以理解，有人会说W3C对<span>的使用是正确的。毕竟，他们设定了所有的规格。然而..。当大型全球性公司(又名谷歌)使用<i>.那么，让我们简单地说，使用<i>不会很快结束。
支持<i>标记的源：
W3.CSS图标提到可以同时使用<i>和<span> (但是，它们的示例使用<i>)。
支持<span>标记的源：
引导UseIconic字体推荐表示<span>表示HTML，<img>表示SVG，以及
字体很好:基本用途通过包装<span><i></i></span>标记来说明这两种方法的使用(尽管这在我看来有点多余)。
我认为我们最好的选择将是基于编程语言和图标使用的决策。
https://webmasters.stackexchange.com/questions/119524
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号