<h2> meta 元元素</h2> <br>
h5如何解决兼容性问题？ <br>
适配问题。<br>
通过meta 设置 comtent 解决PC端 与移动端的适配问题<br>
<h2>meta的作用</h2><br>
1.适配问题 移动端缩放问题<br>
2.提高搜索引擎效率<br>
3.优先使用浏览器内核问题，浏览器内核适配问题<br>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="11,22,33">
<meta name="description" content="xx网是...">
<meta name="author" content="whqte,whqte@qq.com">
<meta name="copyright" content="本网站版权归zptxc所有">
<meta name="generator" content="sublime twwxt 3">
<meta name="application-name" content="应用名称">
<meta name="robots" content="index，follow">
<meta name="revisit-after" content="7 days">
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-language" content="zh-CN" >
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta http-equiv="default-style" content="文档首选样式">
<meta http-equiv="refresh" content="20; URL=another.html">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="apple-mobile-web-app-capable" content="yes" />
<th>
<h1>htm的一些标签</h1>
HTML标签：
HTML标记标签通常被称为HTML标签（HTML tag）。
HTML标签是由尖括号包括的关键词，例如<HTML>
HTML标签一般是成对出现的<html>内容</html>，但也有单标签<meta>
双标签的第一个标签是开始标签（开发标签），第二个标签是结束标签（闭合标签）。
HTML元素：
“HTML标签“和”HTML元素”通常描述的是同一个意思。
每个标签都是一种元素，不同元素相对应的页面默认布局排列就会不同、
元素分为：行元素，块元素，行内块元素。
某些元素中具有空元素（empty content），空元素是在开始标签中就行关闭的。、
HTML标题:
标题（Heading）是通过<h1>-<h6>标签就行定义
h1最大的标题，h6最小的标题
默认的标题标签带有外边距，超出元素之间的间距
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
HTML视频线：
hr：创建水平线，可以用于分割内容。
默认样式：1px的边框线，8px上下外边距
<hr>
HTML段落：
p：段落标签，块标签
在文本标签内属于特殊文本元素（文本标签都是行内元素除了P）。
默认样式：文本大小为16px，根据文本大小调整上下外边距。
<p>这是一段内容</p>
HTML块：
div：标准的块标签，
块元素在没有设置宽高的情况下，宽度默认是父元素的100%，高度靠内容撑出（没有内容高度为0）
<div>Holle</div>
HTML文本：
span：普通文本标签，文本默认大小为16px，靠文本内容撑出大小。
<span>普通文本</span>
HTML文本常用的的格式化标签：
B:（bold）粗体文本，没有任何意义。
i：（italic）斜体标签，没有任何意义。
sup：上标
sub：下标
strong：具有很强的强调意义，用于表示文本的重要性
em：斜体文本具有很强的强调意义，用于表示文本的重要性
s：删除线文本，没有任何意义
del：删除线文本，具有很强的删除意义，表示被遗弃的内容。
u：表示插入文本，添加下划线，没有任何意义。
ins：添加，插入文本，具有很强的添加意义，表示新增的内容·。
small：定义小号文本。
<big>大号标签</big>
<b>加粗文本</b>
<i>斜体文本</i>
<p>这是<sub>下标</sub> <sup>上标</sup></p>
<strong>粗体文本</strong>
<em>斜体文本</em>
<s>删除线文本</s>
<del>删除线文本</del>
<u>下划线文本</u>
<ins>添加或者是插入文字</ins>
<small>小号文本</small>
HTML"计算机输出"标签：
code：定义计算机代码，
kbd：定义键盘码，
samp：定义计算机代码样式
var：定义变量
pre：定义于格式文本
<code>电脑自动输出</code>
<kbd>键盘码</kbd>
<samp>计算机代码样式</samp>
<var>变量</var>
<pre>格式文本</pre>
br：换行标签；空元素标签
img：在页面中插入图片
src：source，来源，图片的路径。（图片路径可以是网络图，也可以是本地图）
alt：文本的输出格式（在图片加载出错时显示，替代文本）。
title：图片标题，（鼠标移入图片显示标题内容）。
图片路径查找：
图片名：图片和文件为同一级，直接使用添加图片名称。
./找到同级目录中文件
../找到父级目录中的文件
../../找到爷级目录中的文件
<br>
<img src="../../第五天/21.jpeg" alt="图片居中失败" title="小米图"><br>
HTML超链接标签：
a：超链接标签，实现页面之间的跳转。
作用:点击标签内的内容，跳转到指定链接地址。
注意：当A标签没有添加href属性时是链接占位符（标签内文本为普通文本）。
href（hyper text reference.超文本指向，设置跳转的页面链接地址。
target:目标，设置网页的打开方式，默认值是在当前的页面打开。
_blank：作用：在新的窗口打开页面。
是否在新的窗口打开页面需要注意的问题；
国内通常会选择在新的窗口打开页面，看我之后直接关闭，
但是外国网站通常会在本窗口打开，看完之后点击返回。
原因：
1.用户习惯。
2.商业考虑。
3.硬件问题和环境不同。
4.WEB技术开发的早晚不同。
5.服务器的压力考虑。
<a href="https://www.bilibili.com/" target="_blank">点击跳转页面</a>
HTML语义化标签：
根据内容的结构（内容语义化），选择合适的标签（代码语义化）。
便于开发者阅读和写出更优雅的代码的同时，也可以让浏览器的爬虫和机器更好的解析。
html语义化的好处：
1.为了在没有CSS的情况下，页面也能呈现出很好的结构，代码结构。
2.代码结构清晰，方便阅读，有利于团队合作开发。
3.方便搜索引擎识别界面结构，有利于SEO（搜索引擎优化）。
4.方便其他设备解析，（例如：屏幕浏览器，盲人阅读器，移动设备）以及语义化的方式渲染页面。
<nav>导航栏：仅仅页面中重要的链接群使用</nav>
<header>页眉，通常包括页面logo，主导航，全站链接以及搜索框</header>
<main>页面的主要内容， 一个页面只能使用一次，如果是WEB应用，则包围其主要功能</main>
<section>定义文档中的节（section区段），比如：章节，页眉，页脚或文档中的其他部分</section>
<footer>页脚，只有当父元素我body时才是整个页面的页脚</footer>
<article>定义外部内容，显示像报纸一样的文章内容</article>
<aside>定义所以内容之外的部分，如侧边栏，文章的一组链接，广告，相关的产品列表等等</aside>
