后端人眼中的前端系列更文
🚀Java后端人眼中的前端，和前端人眼中的有不一样吗？1️⃣🚀
二、HTML骨架
2.1、HTML定义
HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)。网页是由网页元素组成的 ， 这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。
所谓超文本，有2层含义：
- 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）。
- 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **）。
2.2、HTML骨架标签
日常生活的书信，我们要遵循共同的约定。 不然会看起来很没有格式，一点都不易于阅读。
HTML 有自己的语言语法骨架格式，他是我们入门学习HTML的第一步。
<html> <head> <title></title> </head> <body> </body> </html> 复制代码
| 标签名 | 定义 | 说明 |
| <html></html> | HTML标签 | 页面中最大的标签，我们成为 根标签 |
| <head></head> | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
| <titile></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
| <body></body> | 文档的主体 | 元素包含文档的所有内容，页面内容 基本都是放到body里面的 |
HTML标签名、类名、标签属性和大部分属性值统一用小写。
<head> <title>我的第一个页面</title> </head> 复制代码
2.3、标签
在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 复制代码
<html>、<head>、<body>都是HTML骨架结构标签。
HTML标签名、类名、标签属性和大部分属性值统一用小写。 复制代码
2.4、元素分类
2.4.1、常规元素（双标签）
<标签名> 内容 </标签名> <!--示范--> <body> 我是文字 </body> 复制代码
- 该语法中
<标签名>表示该标签的作用开始，一般称为开始标签（start tag），</标签名>表示该标签的作用结束，一般称为结束标签（end tag）。 - 和开始标签相比，结束标签只是在前面加了一个关闭符
/。 - 我们以后接触的基本都是双标签。
2.4.2、空元素（单标签）
<标签名 /> <!--示范--> <br /> 复制代码
空元素用单标签来表示， 简单点说，就是里面不需要包含内容， 只有一个开始标签不需要关闭。这种单身狗标签非常少，一共没多少，我们多记忆就好。
2.5、HTML标签关系
主要针对于双标签 的相互关系分为两种：
- 嵌套关系
- 并列关系
2.5.1、嵌套关系
类似于父子关系。 复制代码
<head> <title> </title> </head> 复制代码
2.5.2、并列关系
类似于兄弟关系。
<head></head> <body></body> 复制代码
2.5.3、总结
- 如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格）。
- 如果是并列关系，最好上下对齐。
2.6、文档类型
<!--用法--> <!DOCTYPE html> 复制代码
他的作用是声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 复制代码
2.7、页面语言
<!--指定html语言种类--> <html lang="en"> <html lang="zh-CN"> <!--指定该html标签 内容 所用的语言为中文，考虑浏览器和操作系统的兼容性，目前仍然使用 zh-CN 属性值--> 复制代码
最常见的有两个值：
en定义语言为英语。zh-CN定义语言为中文。
2.8、字符集
字符集(Character set)是多个字符的集合。计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
<!--这句话是让 html 文件是以 UTF-8 编码保存的， 浏览器根据编码去解码对应的html内容。--> <meta charset="UTF-8" /> 复制代码
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
- gb2312 简单中文 包括6763个汉字 GUO BIAO
- BIG5 繁体中文 港澳台等用
- GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
- UTF-8则基本包含全世界所有国家需要用到的字符
- 这句代码非常关键， 是必须要写的代码，否则可能引起乱码的情况。
