Question

我的网站上有一个段落，我必须突出几个字。我没有使用div和类，而是使用了一个我自己命名的标签，如下所示

<html>
    <head>
        <style>
            highlight{
                background-color:#FFF176;
            }
        </style>
    </head>
    <body>
        A quick <highlight>brown</highlight> fox jumped over a lazy dog.
    </body>
</html>

以下是JSSFiddle

似乎工作正常。但是这有什么不对吗？如果我将它用于项目是否可以？

Answer 1

使用自定义标签没有任何问题。但是，您没有定义您使用的标签。请参阅以下链接，了解有关用户自定义标记/元素的正确方法的文章。

Answer 2

您可以在项目中使用此解决方案，从功能上来说还可以，但建议您使用通用类名附加标记，以便在不同的源文件中定义样式表（CSS），标签结构（HTML）和功能（JavaScript）。

我建议你在头文件中添加一个带有链接标签的CSS样式的不同文件，如下所示：

<head>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>

在此页面中，您可以了解更多相关信息：

MDN Web Docs Mozilla

Answer 3

虽然可以这样做，但我建议如下：https://jsfiddle.net/838Lrnwk/

<html>
<head>
    <style>
        #high .highlight{
          background-color:#FFF176;
        }
    </style>
</head>
<body>
  <p id="high">
      A quick <a class="highlight">brown</a> fox jumped over a lazy dog.
  </p>
</body>

这会产生同样的效果;但是，您可以控制哪个段落具有效果以及所有其他标签，如font，em，strong等，并且仍然保留突出显示。

在HTML中定义自己的标签

3 个答案: