HTML元素

思考了许久，要怎么结合网站开发的实战经验来给HTML的元素定义一个简单通俗的概念，思来想去，认为可一句概括：

除了文档的说明的<!DOCTYPE html>之外的所有代码，包括文本和超文本，都可以称为HTML元素。甚至包括js代码。

HTML元素的定义

上面对HTML元素的概括只是鄙人的个人观点，HTML元素实际上的定义如下：

HTML元素指的是从开始标签（也称开放标签）到结束标签（也称闭合标签）的所有代码。开始标签如<h1>，结束标签如</h1>

而根据HTML的文档节本结构可知，HTML的文档，除了<!DOCTYPE html> 之外，都是包括在<html>这一开始标签和</html> 这一结束标签内的，所以除了文档的说明<!DOCTYPE html>之外的，所有代码，包括开始标签、结束标签、文本和超文本，都可以称为HTML元素。甚至包括js代码。

示例

<div>
<h1>这是网页的大标题，现在是<div></div>包含的元素之一，包括里头的文本</h1>
<p>文字段落，也是<div></div>包含的元素之一</p>
<a href='https://www.x1y1z1.com/' target='_blank'>这个链接指向至简计算网站首页</a>
</div>
<script>
$().ready(function(){
alert('Hello, world!')
});
</script>

注意：<div> </div> 为区隔标签，没有什么特殊的语义，一般情况下就是为了让代码更加简洁，或便于css的设计，就像我们小学学过的给文章划分段落一样。

HTML元素内容

从开始标签到结束标签之间的内容，称为HTML的元素内容。

示例解析

如上面的代码，<div> </div> 之间的所有代码，包括js代码和其他的标签和文本，都是div元素的内容，也就是说元素大都是可以嵌套的（嵌套这个概念还是不需要理解，免得混乱）。其中a标签中的href和target称为a标签或a元素的属性。这也是我们下一个章节所要介绍的。

hot：热门