元元素的content属性和style属性包含换行符



以下HTML代码合法吗?

<meta name="keyword" content="
  keyword1,
  keyword2
  ">

:

<div style="
  color: white;
  background: green;
  "></div>

下面的标记确实使用validator.w3.org/check

进行验证
<!DOCTYPE html>
<html>
<head>
  <title>asd</title>
  <meta name="keywords" content="
    keyword1,
    keyword2
  ">
</head>
<body>
<div style="
  color: white;
  background: green;
  "></div>
</body>
</html>

但是我不建议这样做。原因是:

  • 在文档主体中添加不必要的字符,增加了网页的整体大小。
  • 如果标签被限制在单行,那么整体阅读HTML会更容易。在我看来,这样读起来更好:

    <meta name="keyword" content="keyword1, keyword2">
    

至于你的样式,我建议你为你的样式使用一个单独的CSS样式表,这样它们就可以重复使用,并包含在一个单独的区域。

<div class="stylised"></div>
CSS

.stylised {
    color: white;
    background: green;
}

仅供参考,我需要将您的<meta>标签的name属性更改为keywords而不是keyword,以使其有效。

解析引擎通常会尝试忽略这些换行符,但为了安全起见,请使用W3C标记验证服务验证您的HTML标记。

最新更新