HTML骨架解析：基础与关键元素详解-优快云博客

本文链接：https://blog.youkuaiyun.com/github_52853236/article/details/114481952

HTML骨架解析

- - 一、HTML定义
  - 二、HTML部分骨架解析

一、HTML定义

1.超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
2.解析：之所以称为超文本标记语言在于，HTML通过各种标签以及超链接进行进行页面结构的搭建。

二、HTML部分骨架解析


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

1.<!DOCTYPE>
（1）<!DOCTYPE> 声明位于文档中的最前面的位置，处于标签之前。
（2）<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
（3）HTML 文档添加 <!DOCTYPE> 声明，确保浏览器能够预先知道文档类型，保证浏览器可以对标签进行正确的解析
2.<html lang="en">
（1）lang用来定义当前文档显示的语言。
（2）en定义语言为英语
（3）zn-CN定义语言为中文
简单来说定义为什么就是什么网页，其实显示什么语言与定义无关。主要用于提示浏览器是否翻译成相应语言。
3.<meta>
（1）元数据（Metadata）是数据的数据信息。

（2）标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。

（3）META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。

（4）元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

（5）
*实例 1 - 定义文档关键词，用于搜索引擎：
html <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
*实例 2 - 定义web页面描述：
html <meta name="description" content="Free Web tutorials on HTML and CSS">
*实例 3 - 每30秒刷新页面：
html <meta http-equiv="refresh" content="30">
（6）属性
在这里插入图片描述 <meta charset="utf-8">
（1）字符集(character set)是多个字符的集合，以便计算机能够识别和存储各种文字。在标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。
（2）charset常用的值有：GB2312（简体中文）、BIG5（繁体中文）、GBK（包含简体中文和繁体中文）和UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符，一般统一使用UTF-8。