本文介绍了HTML的基础概念及其在网页制作中的作用，包括HTML的基本语法、标签分类及HTML5新增特性等，适合HTML初学者。
由于本人也是初学HTML，以下都为本人学习过程中分点整理的知识点，希望共同进步，不足之处望指出批正。
1. 什么是HTML
- HyperText Markup Language的缩写，超文本标记语言
2. HTML的作用
- 专门用来描述文本的语义的，也就是说我们可以利用HTML来告诉浏览器那些是标题，那些是段落
注意点：
- 虽然<h1>描述了一段文本过后，这段文本在浏览器中被放大加粗，看上去我们是利用HTML标签修改了被描述的那段文本的样式，但一定要记住，HTML只有一个作用，专门给文本添加语义的，而不是修改文本的样式的
- <h1>标签作用是用来告诉浏览器，哪些文字是标题，也就是<h1>标签是专门用于给指定的文字添加标题语义的
3. HTML固定格式
如图，HTML的固定格式如上。下面我一一解释每行代码的意思：
- <!DOCTYPE html> : DTD文档格式声明
由于HTML有很多版本的规范，每个版本的规范之间又有一定的差异，为了让浏览器能够正确的编译/解析/渲染我们的网页，我们需要在HTML文件的第一行告诉浏览器，我们当前这个网页是用哪一个版本的HTML规范来编写的，浏览器只要知道了我们是用哪一个版本的规范来编写之后，它能够正确的编译/解析/渲染我们的网页
注意点：
1. 任何一个标准的HTML网页，第一行一定是DTD文档声明，必须写在第一行
2. 不区分大小写
3. DTD文档声明不是一个标签
4. 虽然DTD文档声明的作用是告诉浏览器网页是哪一个版本的标准编写的，以方便浏览器解析和渲染，但浏览器并不是完全依赖于这个DTD文档声明，浏览器有自己的一套机制
- <html>标签 :
作用：用于告诉浏览器这是一个网页，我是一个HTML文档
注意点：1. 其他所有的标签都必须写在HTML标签里面，也就是写在<html>开始标签和</html>结束标签中间
- <head>标签 :
作用：用于给网站添加一些配置信息( 指定网站的标题/指定网站的图片 )
注意点：1. 一般情况下，写在head标签内部的内容都不会显示给用户查看，一般情况下写在head标签内部的内容我们都看不到
- <title>标签：
作用：专门用于指定网站的标题，并且这个标题将来还会作为用户保存网站的默认标题
注意点：
1. title标签必须写在head标签里面
- <body>标签：
作用：专门用来定义HTML文档中需要显示给用户查看的内容（文字/图片/音频/视频）
注意点：
1.虽然说有时候你可能把内容写到了别的地方，在网页中也能正常显示，但是千万不要这么干，一定要将需要显示的内容写到body中
2.一对HTML标签中（一个HTML开始和结束标签）只能有一对body标签
- <meta charset="GBK"/>：
作用：meta标签指定当前网页字符集。(在指定网页时候没有指定字符集，会出现乱码现象)
注意点：
1. 在HTML文件中指定的字符集必须和保存在这个文件的字符集保持一致，否则会出现乱码，仅仅指定字符集还 不一定能解决掉乱码问题，还需要保存文件过程中，文件的保存的格式必须和指定的字符集保持一致才能保证没有乱码
补充：在企业开发中，选择GBK(GB2312)还是UTF-8呢？
如果网站中包含中文，推荐使用GBK(GB2312),体积更小，访问速度快
如果网站中除了中文以外，还包含其他国家语言，推荐使用UTF-8
4. 标签的分类
- 双标签：有开始标签和结束标签，由一个<>和一个</>组成
- 单标签：只有开始标签没有结束标签，是由一个<>组成
按标签的关系分类
- 并列标签（兄弟/平级）
- 嵌套关系（父子/上下级）
5. HTML和XHTML，HTML5区别
- HTML语法非常宽松，容错性强
- XHTML更为严格，要求标签必须小写，必须严格闭合，标签中的属性必须使用引号
- HTML5是HTML的下一个版本所以除了非常宽松，容错性强之外，还增加了很多特性
6. .htm和 .html扩展名区别
- DOS操作系统(win95或win98)下只能支持长度为3的后缀名，所以是.htm
- windows后缀名长度可以大于3位，windows无所谓 .htm 和 .html
- .htm是为了兼容过去DOS命名格式存在的
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
