标签和元素的区别
标签和元素的区别
大家知道什么是HTML吗?它是指超文本标记语言，标准通用标记语言下的一个应用。这其中有两个很重要的东西，标签与元素，你知道这两者有何区别吗?下面就让学习啦小编来为大家介绍一下吧，希望大家喜欢。
HTML标签
HTML的标签使用“<”和“>”标记进行声明。比如<html>和</html>。
HTML的标签包含两种形式：成对出现的标签和单独出现的标签。
1. 成对出现的标签
成对出现的标签包括开始标签和结束标签。基本格式如下：
<开始标签>内容</结束标签>
开始标签标识一段内容的开始，而结束标签是与开始标签相对应的标签，结束标签比开始标签多一个斜杠。
比如，<html>表示HTML文件的开始，到</html>结束，从而组成了一个HTML文件。
在成对出现的标签中，所有的开始标签都必须有结束标签相对应。
2. 单独出现的标签
在开始标签和结束标签中间没有内容的标签，称为单独出现的标签。基本格式如下：
<标签 />
单独出现的标签都会在标签中添加一个斜杠，来表示该标签是单独出现的标签。比如<br />、<img />等。
<br />标签的用法如下：
这是一部分内容<br />
这是另一部分内容<br />
<img />标签的用法如下：
<img src="append/20111001.jpg" alt="长城" />
3. 使用HTML小写标签
HTML标签对大小写不敏感。比如，<P>等同于<p>。不过，万维网联盟(W3C)在HTML4中推荐使用小写标签，而在XHTML版本中则强制使用小写标签。
HTML元素
HTML网页的内容是由元素组成的，而元素的开始和结束都使用标签作为开始和结束的标记。
1. 元素的组成
一个元素通常由一个开始标签、内容、其它元素以及一个结束标签组成。
比如，<head>和</head>是标签，但是下面的这行代码则是一个元素：
<head><title>wwww.baike369.com</title></head>
在上面这个元素中，<title>和</title>是标签，但是下面这行代码：
<title>www.baike369.com</title>
则是嵌套在head元素中的另一个元素，www.baike369.com则是元素的内容。
head、title又称为元素名，一般称为head元素、title元素，用于表示它们以及它们之间的元素内容。
2. 空元素
没有结束标签的元素被称为空元素。比如，br元素就是一个没有内容和没有结束标签的空元素。
嵌套的HTML元素
大多数的HTML元素可以嵌套，就是可以包含其他HTML元素。
HTML文档由嵌套的HTML元素构成。如：
<html>
<body>
<p>这是一个段落。</p>
</body>
</html>
上面的例子包含了三个HTML元素，它们分别是：html元素、body元素和p元素。
HTML元素实例解释
1. p元素：
<p>这是一个段落!</p>
这个p元素定义了HTML文档中的一个段落。它拥有：一个开始标签<p>、元素内容是：这是一个段落!、一个结束标签</p>。
2. body元素：
<body>
<p>这是一个段落!</p>
</body>
body元素定义了HTML文档的主体。它拥有：一个开始标签<body>、元素内容是另一个HTML元素(p元素)、一个结束标签</body>。
3. html元素：
<html>
<body>
<p>这是一个段落!</p>
</body>
</html>
html元素定义了整个HTML文档。它拥有：一个开始标签<html>、元素内容是另一个HTML元素(body元素)、一个结束标签</html>。
猜你喜欢