这种语法的用途是什么:<!---->?

时间:2016-04-19 06:16:46

标签: html

我一直在使用我们网站的设计界面,并寻找网络上提供的一些模板。

然后我遇到了这个语法<!---->,我对它并不熟悉。

请告诉我它是什么以及它用于什么?

谢谢。

4 个答案:

答案 0 :(得分:2)

html评论标记

标记声明打开分隔符(“”)之间不允许有空格。常见错误是在注释中包含一串连字符(“---”)。 作者应避免在评论中添加两个或多个相邻的连字符。

参考:https://www.w3.org/TR/html4/intro/sgmltut.html

在该页面中转到3.2.4评论标题

答案 1 :(得分:2)

正如其他帖子所提到的,HTML中的<!---->代码用于添加注释 - 开发人员在代码中留下了一些注释,其中包含一些其他开发人员的信息,或者自己记住一些内容。此代码在源中可见,但在浏览器中查看HTML时不显示。例如:

<!-- We need to update this each year -->
<div>&copy; 2009 - 2016</div>

将产生:

© 2009 - 2016

在大多数情况下,可以删除注释而不会对代码产生任何副作用。这只是开发人员的一个注意事项。

其他用途

评论代码
除了评论之外,您有时会看到由<!---->包装的HTML代码。例如:

<!-- Add this later
  <img src="article.jpg" alt="Article">
-->

上述代码将从浏览器视图中删除整个图像标记。如果要暂时从页面中删除某些HTML,以进行测试/调试或以后使用,这将非常有用。您有时会看到整个HTML部分被注释掉了。

条件代码
注释的另一个常见用途是添加特定浏览器使用的条件代码。以下代码片段只能由Internet Explorer 8读取,并将黑色背景颜色应用于正文。

<!--[if IE 8]>
  <style>
    body {
      background-color: black;
    }
  </style>
<![endif]-->

网站建设者
一些网站构建者生成他们自己的代码注释供内部使用。例如,如果您使用Squarespace,则生成的代码将包含以下注释:

<!-- This is Squarespace. --><!-- www -->

在某些情况下,这些片段被生成器本身用作插入其他代码的标记。

构建脚本
注释标记很可能被用作构建脚本的一部分,在这种情况下删除它会导致问题。这是一个例子:

<!-- build:css -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->

Gulp等构建系统和HTML Replace等Gulp插件一起使用的上述代码将使用新代码替换<!-- build:css--><!-- endbuild -->代码之间的内容。删除其中任何一个注释标记都会导致错误。

答案 2 :(得分:1)

这是一个html评论标记。请参阅下面的链接以了解更多信息 http://www.w3schools.com/tags/tag_comment.asp

答案 3 :(得分:1)

这允许您评论您的HTML

 <!--- my comment -->

-->关闭它是正确的)