gpt4 book ai didi

html - 为什么 "<! --"注释掉一条样式规则,而 "<!--"却没有?

转载 作者:技术小花猫 更新时间:2023-10-29 12:56:30 27 4
gpt4 key购买 nike

让我放心。我刚学 HTML。

根据http://www.w3.org/TR/html-markup/syntax.html#comments以及我见过的许多其他网站,例如 http://www.w3schools.com/tags/tag_comment.asp

他们说 HTML 注释是 <!-- text --> ! 之间没有空格和下一个破折号。

但是,我只在写 <! -- test --> 时才在下面显示是里面的东西实际上被忽略了。注意 <! 之间添加的空格和 --

这是HTML代码

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
<!-- td {border: 1px solid gray;} -->
</style>
</head>
<body>

<table>
<tr> <td> test </td> </tr>
</table>

</body>
</html>

现在在你运行它之前,表格是否应该有边框?

如果text/css里的东西真的被注释掉了,那么table应该就没有border了吧?但确实如此。我在 linux mint 14 下的 chrome 版本 24.0.1312.52 和 firefox 18.0 上试过这个

现在当我将行更改为

 <! -- td {border: 1px solid gray;} -->

现在请注意额外的空间。然后表格按预期显示没有边框。当我实际删除整行时也会发生同样的情况:

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
</style>
</head>
<body>

<table>
<tr> <td> test </td> </tr>
</table>

</body>
</html>

问题是:是评论<!-- text -->或者是<! -- text -->

最佳答案

CSS 不接受 HTML <!-- comment here -->注释。相反,CSS 使用 /* comment */注释行。试试看。

关于html - 为什么 "&lt;! --"注释掉一条样式规则,而 "&lt;!--"却没有?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14410811/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com