初学HTML2 - 技术栈

1.HTML的特点

简易性

HTML语言比较简单，使用操作方便，灵活方便

可扩展性

HTML目前有着广泛的应用，并且增加了标识符等要求

平台无关性

HTML可以使用在广泛的平台上，这也是万维网盛行的另一个原因

通用性

HTML是一种通用的语言，用户可以创建图文结合的页面，无论什么浏览器，都可以进行访问

2.HTML文档结构

HTML标签是由尖括号 包围的关键词，如<html>
HTML标签通常是成对出现的 ，如<html>和</html>，称为双标签（开始标签和结束标签）
有些特殊标签必须是单个标签，如<br />，称为单标签
双标签关系分为两种：包含关系和并列关系

具体语法说明如下：

<!DOCTYPE html>：这是文档类型声明，用来告诉浏览器这个文档是标准的HTML文档（从技术上来说它并不是标签），doctype 声明不区分大小写；
<html> </html>：该标签是 HTML页面的根标签，其他所有的标签都需要在 <html> 和 </html> 标签之间定义；
<head> </head>：该标签中用来定义 HTML 文档的一些信息，例如标题、编码格式等等；
<meta charset="UTF-8">：用来指明当前网页采用 UTF-8 编码，UTF-8 是全球通用的编码格式，绝大多数网页都采用 UTF-8 编码；
<title> </title>：该标签用来定义网页的标题，网页标题会显示在浏览器的标签栏；
<body> </body>：该标签用来定义网页中我们能通过浏览器看到的所有内容，例如段落、标题、图片、链接等等；
<h1> </h1>：该标签用来定义文本的标题；
<p></p>：该标签表示一段文本

3.HTML整体结构

标记一般都是成对出现（部分标记除外例如：< br / > < img/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

head 头部内容

包含当前页面的标题、序言、说明等内容，本身是不作为显示内容展示的。

元数据标签 meta

一个辅助的标签，定义当前页面（文档）关联的名称与搜索引擎和更新频度的描述和关键词。

name属性

用于描述页面。主要便于搜索引擎机器人查找信息和分类的作用

html 复制代码

<meta name="参数" content="具体的参数值"/>

<meta name="keywords" content="明星,歌曲,吃瓜,影视"/>
用来告诉搜索引擎：网页的关键字 是 明星,歌曲,吃瓜,影视

root 用来告诉搜索机器人那些页面需要索引，那些页面不需要索引
<meta name="zhangsan" content="none"/>

设置页面的有效期
<meta http-equiv="expires" content="Fri Jun 22 01:00:00 2026 GMT"/>
注意：时间的格式必须是GMT格式的

设置页面 禁止从本地计算机的缓存中访问当前页面的内容
<meta http-equiv="Pragma" />

刷新：自动刷新并跳转新的页面。      5秒后访问https://www.w3schools.com/
<meta http-equiv="Refresh" content="5;URL=https://www.w3schools.com/" />
将会换成 一个cookie在本地的/ 并指定了过期时间
<meta name="Set-Cookie" content="cookieValue=zhangsan;expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/" />

title 标题标签

定义文档的标题。所在HTML页面中必须的一个标签

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <!--  头部 对当前页面进行配置的地方   -->
    <!--  charset ：设置字符编码集  -->
    <meta charset="UTF-8"/>
    <!--  title 标题标签 ：设置当前页面的头部标题  -->
    <title>我的第一个页面</title>
</head>
<body>
<!--主体内容  展示给用户看到的内容-->
</body>
</html>