H5前端开发学习笔记——0x02认识HTML

本节大纲

• 课时8 HTML作用(掌握)
• 课时9 HTML发展史(了解)
• 课时10 第一个HTML网页(掌握)
• 课时11 HTML基本结构详解(掌握)
• 课时12 字符集问题(掌握)
• 课时13 标签的分类(掌握)
• 课时14 DTD文档声明上(掌握)
• 课时15 DTD文档声明下(了解)
• 课时16 HTML-XHTML-HTML5区别(了解)

HTML作用

• html的作用：为文本添加语义，而不是修改文本的样式。
• 标题标签作用：告诉浏览器，哪些文字是标题。专门用于给制定的文字添加标题语义

编写html代码的步骤

1. 新建一个文本编辑
2. 利用记事本打开
3. 编写html代码
4. 保存并且修改纯文本文件的扩展名为.html
5. 利用浏览器打开编写好的文件

• 其他所有的标签必须写在HTML标签里面，也就是写在HTML开始标签和结束标签中间。
• head标签的作用：用于给网站添加一些配置信息，列如：指定网站的标题、指定网站的小图片，添加网站的SEO相关的信息（指定网站的关键字、指定往回走哪的描述信息），外挂一些css/js文件，添加一些留恋其适配相关的内容。
  • 注意点：一般情况下，写在head标签内部的内容不会显示给用户查看，也就是说一般情况下写在head标签内部的的内容我们看不到。
• title标签的作用：专门用于指定网站的标题，并且这个指定的标题将来还会作为用户保存网站的默认标题。
  • 注意：title标签必须写在head标签里面。
• body标签的作用:专门用于定义HTML文档中需要显示给用户查看的内容（文字，图片，音频，视频）
  注意点：虽然说有时候你可能将内容写到了别的地方在网页中也能看到，但是千万不要这样做，一定要将需要显示的内容写在body中。
  • 对HTML标签中（一个HTML标签和一个HTML结束标签）只能有一对body标签。

字符集问题

• meta标签的作用，就是指定当前网页的字符集
  为什么会出现乱码的现象。就是因为我们在编写网页的时候没有指定字符集
• 如何解决乱码现象
  • 在head标签中添加
    

    meta charset="GBK"/

• 什么是字符集
  字符集就是字符的集合，就是很多字符堆在一起，类似于印刷术，由于每个人对于字符集的命名不同，所以在使用当中，由于不知道对方的命名方式，所以在解读过程之中会出现乱码的情况，指定字符集的意义，告诉浏览器使用的是哪个方式
• GBK（GBK2312）里面存储的字符比较少，体积小，访问的时间比较快
• UTF-8存储世界上所有的文字，换包含其他国家的语言，体积大
  • 注意：一般使用的都为UTF-8，在HTML文件中指定的字符集必须和保存这个文件的字符集一致，否则还是会出现乱码。

DTD文档声明

1. 任何一个标准的HTML网页，第一行一定是DTD文档.也就是说DTD文档声明必须写在HTML的第一行;
2. DTD文档声明不区分大小写;
3. DTD文档声明不是一个标签;
4. 虽然DTD文档声明的作用是用于告诉浏览器我们的网页是用哪一个版本都标准写的，以便于方便浏览器解析和渲染，但是浏览器并不是完全倚赖这个DTD文档声明，浏览器就有一套属于自己的机制

也就是说DTD文档声明不写网页也能正常运行，由于w3c规定第一行必须是dtd文档，所以为了遵守规定，无论怎么我们都应该在第一行写上DTD文档声明

HTML 5的DTD格式如下：

!DOCTYPE html

HTML,XHTML,HTML5的区别

• HTML语言非常宽松容错性强
• XHTML更为的严格，他要求标签必须小写，必须严格闭合，标签中的属性必须使用引号引起来等等
• HTML5是HTML的下一个版本所以除了非常的宽松容错性强以外，还增加许多的新特性