注释导致HTML代码出现问题

时间:2014-03-09 17:56:53

标签: html css tags comments stylesheet

我开始学习HTML并且正在介绍CSS。

我正试图将黑色变为绿色(非常简单)。 现在,因为这是我自己的学习,我正在添加自己的推荐评论。

我注意到,如果我保留评论,那么CSS就无法工作,文本会保持黑色,但是当我删除评论时,CSS会有效吗?

有人可以解释为什么会这样吗?

以下是我对此

的代码
<html xmlns="http://w3.org/1999/xhtml"> 

<head> 
<title>Homepage</title> 
<meta http-equiv="Content-type" content="text.html; charset=UTF-8"/>
<meta name="keywords" content="CCS, in-line, internal, external, style sheets"/>
<meta name="description" content="CSS internal, external and in-line"/>
<meta name="author" name = "Jordan Atkinson" />

<!-- internal CSS, this is to be put after the meta tags and will be inside a tag called <style type="text/css>
This is the tag that is used so that CSS can recognise its start point, imagine it as the public static void main(String[] args) in Java-->
<style type="text/css">

<!-- Typing h1 (known as a 'selector' selects the element in the body you want to apply the CSS, the braces is where you put the attributes and values to
style an element. H1 can be any tag within the body, so you could type table if you wish to apply styles to tables. Color (american spelling):green 
changes the color to that specified after the colon. after the green, you MUST always end with a semi colon.-->
h1 {color:green;}

</style>

</head>

<body>

<h1>Homepage</h1>


</body> 

</html> 

引起问题的评论是:

<!-- Typing h1 (known as a 'selector' selects the element in the body you want to apply the CSS, the braces is where you put the attributes and values to
style an element. H1 can be any tag within the body, so you could type table if you wish to apply styles to tables. Color (american spelling):green 
changes the color to that specified after the colon. after the green, you MUST always end with a semi colon.-->

任何帮助都会感激不尽。

此致

约旦。

1 个答案:

答案 0 :(得分:2)

样式元素(在HTML 4术语中)定义为包含CDATA。

它们包含样式表。它们不能包含标记。

HTML评论是标记。

在这种情况下,您的评论将被视为选择器的一部分。

如果您想在样式元素中添加注释,请使用CSS注释。

/* CSS comment syntax */

你有一个xmlns属性,所以你可能正在使用XHTML(这可能不是一个好主意,它会导致很多复杂因素,很少有开发人员从中获益)。您可以在XHTML中的样式元素中有标记(因为XML没有内在CDATA的概念),但这不兼容HTML,因此如果作为text/html提供,您的文档将会中断。