html 头部标签 

<!DOCTYPE html>                                             声明文档类型
                                                                    一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。

<html lang="en">                                          向搜索引擎表示该页面是html语言，并且语言为英文网站，你的页面如果是中文页面(zh)
<html lang="zh">                                          可以输出中文,只是会让你的浏览器提示你要不要翻译此页,如果改成zh-cn就没有翻译的选项了
zh即表示中文
  
<head>                                                    头部标签

   <meta charset="UTF-8">                                 元素包含了文档的元（meta）数据，
                                                          如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

   <meta http-equiv="X-UA-Compatible" content="IE=edge">   
                                                           X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页，
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 在html的<head>标签中使用。可以在微软官方文档获取更多介绍。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　模式Edge 模式告诉 IE 以最高级模式渲染文档，
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　简单的说，就是什么版本 IE 就用什么版本的标准模式渲染。

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                                                        name:
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 viewport 是用户网页的可视区域。
                                                             viewport 翻译为中文可以叫做"视区"。
                                                        content属性值 :
                                                            width:可视区域的宽度，值可为数字或关键词device-width ===> 定义输出设备的屏幕可见宽度。
                                                            height:同width
                                                            intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
                                                            maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
                                                            maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
                                                            user-scalable:是否可对页面进行缩放，no 禁止缩放

  <title>Document</title>                                标签定义了不同文档的标题
　<link rel="shortcut icon" href="favicon.ico">               设置ico图标 href 文件路径 ico 图标 是32px*32px

</head>
<body>                                                      主体标签
    。。。主体内容。。。        
</body>
</html>

 

posted @ 2022-05-07 11:33  kai·james  阅读(74)  评论(0)    收藏  举报