HTML的--全称--框架--创建方式--总结

本文链接：https://blog.youkuaiyun.com/KBK2020/article/details/107512215

KBK:关于HTML5学习的时候就只记得

.html 全称

Huper Text Markup language 超文本标记语言
我们网上所看到网页，多数都是由HTML写成的。
“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

.html框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

DOCTYPE ：声明位于最前端，处于标签之前，告知浏览器的解析器，用什么样的文档类型规范来解析这个文档，DOCTYPE不存在或格式不正确会导致文档以混杂模式出现
lang ：表示文档的语言； en :表示 english 英语，除了这个地方，在使用vue组件的时候样式style标签里面也会有 lang=‘ scss’ 或者· lang=‘ less’
3. meta 标签表示页面的原信息，它还包含好多的属性（如下），viewport(移动端的窗口)在下面也有介绍（lazy，嘻嘻）

1`.keywords`
用于告诉搜索引擎，你网页的关键字。举例：
<meta name="keywords" content="博客，前端">

2.`description`
用于告诉搜索引擎，你网站的主要内容。举例：
<meta name="description" content="这是我的前端博客">

3.`viewport(移动端的窗口)`
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

4.`robot`
robots用来告诉爬虫哪些页面需要索引，哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：<meta name="robots" content="none">

5.`author`
用于标注网页作者
<meta name="author" content="希染，584297508@qq.com">

6.`generator(网页制作软件)`
<meta name="generator" content="vscode">

7.`copyright(版权)`
<meta name="copyright" content="希染">

8.`revisit-after(重访)`
如果页面不是经常更新，为了减轻搜索引擎爬虫对服务器带来的压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按它们定义的默认时间来访问
<meta name="revisit-after" content="7 days" >

9.`renderer`
renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。
<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式

charset ：表示字符集， utf-8 ：则表示万国码（编码格式）
http-equiv 顾名思义：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
当然他也有好多属性

10.`Expires(期限)`
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输
<meta http-equiv="expires" content="Thu,06 Dec 2018 14:51:18 GMT">
注意：必须使用GMT的时间格式。

11.`Pragma(cache模式)`
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
<meta http-equiv="Pragma" content="no-cache">
注意：这样设定，访问者将无法脱机浏览。

12.`Refresh(刷新)`
说明：自动刷新并指向新页面。
<meta http-equiv="Refresh" content="2; URL = http://www.baidu.com"> (注意后面的分号，分别在秒数的前面和网址的后面) 
注意：其中的2是指停留2秒钟后自动刷新到URL网址

13.`Set-Cookie(cookie设定)`
说明：如果网页过期，那么存盘的cookie将被删除。
用法：<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Thu,06 Dec 2018 14:51:18 GMT;path=/">
注意：必须使用GMT的时间格式

14.`Window-target(显示窗口的设定)`
说明：强制页面在当前窗口以独立页面显示。
用法：<meta http-equiv="Window-target" content="_top">
注意：用来防止别人在框架里调用自己的页面

15.`content-Type(显示字符集的设定)`
说明：设定页面使用的字符集。
用法：<meta http-equiv="content-Type" content="text/html;charset=gb2312">
注意：HTML5中使用 <meta charset = 'utf-8'> 来设定
meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
meta标签的charset的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
meta标签的charset的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；

16.`content-Language（显示语言的设定）`
用法：<meta http-equiv="Content-Language" content="zh-cn"/>

title ：他在 head 标签里面表示网页的 标题 ，而在 body 中就表示网页的 注释
还有关于框架，你们有没有发现他们是属于有头有尾的 双标签

      <html></html>  <head></head>  <body></body>

创建.html的方式

刚开始是：

打开 vscode 编辑器
ctrl + N 新建文档
ctrl + S 保存文档

点击保存
在英文格式下进行 shift + ！ 之后编辑器页面会出现一个！直接 tab 键或者 enter 键就行
之后就出现了 .html 框架，之后就可以编辑了

之后就变成了：
1，变成了右击，随便选择一个我选的是记事本
2. 重命名改变后缀名 .html 或者 .htm 都行
3. 出现弹框 ‘如果改变文件扩展名，可能会导致文件不可用，确实要修改吗？’. 点击确定
4. 之后就把文件夹拖动到 vscode 编辑器里面
5. 重复上面的4.5.

在后来：
1.在页面上新建一个文件夹，
2.拖动到vscode 编辑器里面
3.选择第一个就进行编辑了
在这里插入图片描述

4.重复步骤 4.5
（或者也可以就是输入 html 会出现一个 html：5 的进行选择也会出现框架）

ending。。。