HTML基本语法主要包括以下几个方面的语法：
• HTML规范版本
• HTML标签
• HTML元素
• HTML属性
目录
一、HTML规范版本
学习HTML版本之前先来了解一个组织：W3C
W3C：world wide web consortium，万维网联盟。专门发布和维护互联网的规范和标准，其中就包含了HTML。
HTML发展过程：
HTML从1993年到现在已经经历了很长时间的发展过程，最初在1993年它只是一个工作草案，经历了2.0 3.2一直到4.0的版本，这个时间段可以记录一下，因为前面的都很不成熟。需要记忆的是，HTML 4.0的时候，W3C已经把它当作互联网中的一个推荐标准，引入了css，实现了结构和样式的分离，在HTML3.2以及之前版本HTML还负责添加样式，到了4.0就变得规范化，HTML只搭建结构，而样式由css负责，以此实现了结构和样式的分离，这是一个比较重要的时间节点。另外，在1999年12月24日发布了一个小的版本HTML4.01，它只是修复了4.0中的一些小bug，而这个版本规范在很长一段时间里都被开发人员使用，直到HTML5出现。在其二者之间还有一个XHTML1.0的出现，所谓的X其实就是更严格化的，因为在HTML4.01及之前HTML规范并没有很严谨，举个例子，比如书写<p>标签，在以前可以用大写P也可以用小写p，但是在XHTML1.0中就严格规范了，规定所有标签名字必须使用小写字母，并且还规范了HTML的属性必须用双引号包裹属性值等，也就是说XHTML1.0其实并没有增加新的内容进去，只是进行了升级扩展和严格化。到2008年1月，HTML5被提上了日程，在这个时间段内，HTML5被增加了很多新的内容，比如新的标签、新的功能等。以上就是HTML发展过程，现在基本都用HTML5进行开发。
二、HTML标签
本部分学习HTML标签需要遵循的语法。
HTML 标记通常被称为 HTML 标签 (HTML tag)。标签在书写和使用过程中，必须遵循特定的语法。
HTML标签语法
1. 标签名必须书写在一对尖括号<>内部，例如<html></html>
2. 标签分为单标签和双标签，双标签必须成对出现，例如<br/>单标签，<p></p>双标签
3. 双标签包含开始标签和结束标签，结束标签必须书写关闭符号/，单标签也需要进行自封闭书写。在HTML5中，单标签可以不写关闭符号。
在XHTML1.0中规定了无论是单标签还是双标签都必须书写关闭符号，不写会出现语法错误，但是在HTML5更新的语法规范中，双标签必须继续写关闭符号，单标签可以不写关闭符号。
三、HTML元素
HTML元素指的是从开始标签到结束标签的所有内容，包含开始标签、元素内容、结束标签（三部分内容都包含）。
• 例如：双标签内部包含的纯文本内容，就是元素内容。
<p>这是一段文字内容</p>
HTML元素中的内容
1.元素内容可以是纯文本，也可以是其他的HTML元素。
这种元素内容包含其他HTML元素的情况，我们可以称为嵌套，也就是div标签元素内部嵌套了p标签元素。
<div><p>元素内部嵌套p元素</p></div>
2.一个HTML元素div的内容可能是多个其他元素组成。
例如p和h1，此时我们习惯称 div是p和h1的父级元素，p和h1是div的子级元素，而p和h1属于同级元素，这种嵌 套关系可以有多层。
<div>
<p>div元素内部嵌套p元素</p>
<h1>div元素内部嵌套的h1元素</h1>
</div>3.单标签是不能添加元素内容的，可以称为空元素。
HTML标签级别
根据标签内部可以存放的元素内容不同，可以将双标签划分为两个级别：
- 容器级：标签内部可以存放任意内容，包含容器级标签。比如h1，div等。
- 文本级：标签内部只能存放文字或类似文字的内容，比如存放图片、表单元素等。比如 p等。
div是可以包裹h1和p的，所以将这种div叫作容器级标签 ：
但是，文本级标签是不可以包裹容器级标签，比如在p标签中存放一个div标签：
<div>
<h1>div元素中的一级标题</h1>
<p>div元素中的段落</p>
</div>
<p><h1>p标签中的一级标题</h1></p>
只看左边看不出什么效果，但是在控制台可以看到明显区别，可以发现，代码中写的明明是在div结束后用p去包裹了h1，但是在控制台中讲原来代码中的p包裹h1变成了三对标签，一个是自动结束的p，一个是单独的h1，和自动结束的p，为什么会补全两个p标签呢？原因就是h1的范围太广了，而p标签不能存放这种，所以将h1单独拿出来了。所以说，文本级标签不能放容器级的内容，只能放文本级的内容。
HTML元素的特性
1.元素间对空格、换行、缩进等形成的空白不敏感，有无空白对在浏览器中加载的效果没有影响。浏览器识别的只是元素的开始和结束以及互相之间的嵌套关系。
这也有一个好处，在此处进行展示：一堆p标签之间换行可以使得代码更好看，更清晰，更有可读性，但不会影响浏览器的加载。
<p>段落内容</p><p>段落内容</p><p>段落内容</p><p>段落内容</p><p>段落内容</p>
等价于
<p>段落内容</p>
<p>段落内容</p>
<p>段落内容</p>
<p>段落内容</p>
<p>段落内容</p>2.空白折叠现象：元素内容如果是文本，所有文字（类似文字内容）之间如果有 空格、换行、缩进等空白字符，在浏览器中加载时，连接在一起的空白会折叠成 一个空格显示，这就是空白折叠现象。
<p>HTML中所有文字内容之间的空 格、换
行、缩 进都会被折叠成一个空格显示。</p>
四、HTML属性
HTML标签可以添加属性，属性可以提供关于HTML元素的更多信息。
所谓的属性，现实生活中任何物体都可以找出它的相关属性，例如一个人的身高可以是这个人的属性，身高有一个值比如1.8米，这个1.8米就是属性值。通过属性，可以描述一个物体或者说得到一个物体更多的信息。HTML的标签同样也可以设置类似的属性。
HTML属性规范
1.书写位置：必须写在开始标签或者单标签之内，与标签名之间用空格进行分隔。
2.属性包含：属性名（key）、属性值（value）。属性名与属性值之间的写法通常称做键值对写法，HTML标签属性的键值对写法是k= ” v ” 。XHTML要求属性值必须在双引号内部。
<p k="v"></p>3、一个标签内可以设置多个不同的属性，属性与属性之间使用空格进行分隔，每个属性的键值对写法都是k="v"。
<p k="v" k="v" k="v">4、部分标签属性k可以设置多个属性值v，所有属性值v都必须写在同一对双引号内，值与值之间需要使用空格分隔
<p k="v1 v2 v3 v4">
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
