html 的基本结构、标签（分类、关系）、文档类型、页面语言、字符集、语义化

结构代码

                
        
        网页标题
    
    
          网页显示内容
    

1. 第一行是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。
2. ...标签是开发人员在告诉浏览器，整个网页是从这里开始的，到结束,也就是html文档的开始和结束标签。
3. ...标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件的。
4. ...标签是编写网页上显示的内容。

html骨架标签总结： 标签名定义说明HTML标签页面中最大的标签，我们成为 根标签文档的头部注意在head标签中必须要设置的标签是title文档的标题让页面拥有一个属于自己的网页标题文档的主体元素包含文档的所有内容，页面内容 基本都是放到body里面的 团队约定大小写

        HTML标签名、类名、标签属性和大部分属性值统一用小写

推荐：

     
        我的第一个页面

不推荐：

     
        我的第一个页面

HTML元素标签分类

标签：

        在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 、、都是HTML骨架结构标签。

分类：

1. 常规元素（双标签）

 内容    比如   我是文字  

• 该语法中“”表示该标签的作用开始，一般称为“开始标签（start tag）”，“” 表示该标签的作用结束，一般称为“结束标签（end tag）”。

• 和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

• 我们接触的基本都是双标签

1. 空元素（单标签）

  比如  

• 空元素 用单标签来表示， 简单点说，就是里面不需要包含内容， 只有一个开始标签不需要关闭。

HTML标签关系

主要针对于双标签 的相互关系分为两种： 

1.嵌套关系

2.并列关系

倡议：

如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格）。如果是并列关系，最好上下对齐。

文档类型

用法：

作用：

        声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

团队约定：

HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明

页面语言lang

  指定html 语言种类

最常见的2个：

1. en定义语言为英语

2. zh-CN定义语言为中文

团队约定：

考虑浏览器和操作系统的兼容性，目前仍然使用 zh-CN 属性值

字符集

字符集(Character set)是多个字符的集合。
​
计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。

utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。

• gb2312 简单中文 包括6763个汉字 GUO BIAO

• BIG5 繁体中文 港澳台等用

• GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312

• UTF-8则基本包含全世界所有国家需要用到的字符

• 这句代码非常关键， 是必须要写的代码，否则可能引起乱码的情况。

团队约定：

一般情况下统一使用 "UTF-8" 编码, 请尽量统一写成标准的 "UTF-8"，不要写成 "utf-8" 或 "utf8" 或 "UTF8"。

HTML标签的语义化

白话： 所谓标签语义化，就是指标签的含义。

1. 方便代码的阅读和维护

2. 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容

3. 使用语义化标签会具有更好地搜索引擎优化

语义是否良好： 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性。( 裸奔起来一样好看 )

遵循的原则：先确定语义的HTML ，再选合适的CSS。HTML网页中任何元素的实现都要依靠HTML标签。

浏览网页文件

网页文件的后缀是.html或者.htm, 一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页。