h4与h5区别：
doctype声明简化
h5语义化：结构性标记
html5基本结构
<!doctype html>
<html>
<head>
<meta http-equi="Content-type" content="text/html; charset="utf-8">
<title>文档标题</title>
</head>
</html>
块级标记：
<article>：用于代表页面上独立，完整的一篇文章；内部可以包含以下元素；
*<section>：对页面元素进行分块，里面可以嵌套h标记，也可以嵌套article；section和article区别在于section侧重于文章分块，article侧重于整篇文章
*<nav>：专门用于定义页面上的导航
<aside>:用于定义当前页面或者当前页面的副属信息，推荐aside元素使用css渲染成侧边栏
*<header>：主要用于为article元素定义文章“头部”信息，可以包含h、hgroup、p、span等元素
<hgroup>：主要用于组织多个h，当header里面有多个标题时，可以使用此元素分组
*<footer>：主要用于<article>元素定义脚注部分，包括该文章的版本信息、作者授权等
<figure>：该元素主要表示一块独立的图片区域，可以包含一个或多个img，包含figcaption元素定义图片标题
<figcaption>：用在figure内部，定义标题
文本标记：
<bdo>:定义文字显示方向，也可以指定dir属性，该属性值只能时ltr（左到右）过着rtl（右到左）
*表示用到的次数最多
语义相关元素：
<abbr>：用于表示一个缩写（下面会自动加上...），使用该元素时可以指定如下属性：title:用于表示该缩写的全称
<blockquote>：用于定义一段长的引用文本。属性为：cite：应用文本所引用的网址
<q>：定义短的文本（引用一句话，会自动加上引号）：与blockquote作用相似。blockquote引用带换行的文本，q引用不带换行的文本
<cite>：表示作品的标题，浏览器会用斜体显示
<code>：表示一段计算机代码
<dfn>：定义一个专业术语
<del>：被删除文档
<ins>:定义文档中插入的文本：del和ins通常结合用，用于表示文档被修订的效果，del表示删除，ins表示更新；
属性：cite作为一个url对应的文本解释了文本被删除或者更新的原因；
datetime：文本被删除或者插入的时间、日期
<pre>：预格式化
<samp>：定义范本内容
<kbd>:定义键盘文本
<var>：表示一个变量
<mark>：显示html页面需要重点关注的内容
可以指定id、style、class、hidden等通用元素
<time>：显示被标注的内容是日期、时间、或者日期时间可以id、style、class、hidden
datetime：该属性用于向机器提供时间
如果time包含的时间本身就满足标准的日期时间格式，可以不用指定的datetime属性
<meter>:表示一个已知最大值或最小值的计数仪表（IE浏览器不兼容仪表）
value：指定计数表的当前值、默认值为0
main：最小值，默认为0
max：最大值，默认为1
tow：指定范围最小值，该值必须大于main
high：指定范围最大值，必须小于max
optimum：指定有效的仪表范围内的最佳值，如果大于max越大越好，如果小于main越小越好
<progress>：表示一个进度条，除了有id、style、class、属性外还有：
max：进度条完成时的值
value：进度条当前完成值
在h5列表属性中基本与h4相同，只是在ol中增加了reversed（顺序翻转）属性
img属性新增：usemap：map名称
<map>:定义图像映射，包含一个或者多个<area>子元素(用name属性生成关联)
<area>：定义图片映射内部区域，该元素只能是一个空元素除了指定与img相同的属性外，还可以指定onfocus、onblur等焦点相关属性
shape：指定该内部区域是那种区域，默认是rect矩形，还可以是circle（圆形）和poly（多边形）
coords：指定多个坐标值，用于确定区域
圆：（x，y，z），矩形（x，y，x，y）-左上角点和右下角点，多边形（x,y,x,yx,x,y,x,y）
href：资源链接
alt：图片显示信息
target：显示窗口
media：指定媒体类型
table新增：在h5中table对于cpation、thead、thead、tbody、tfoot只能定义0个或1个。
<col>：用于为某一表格中的一列或多列指定属性值，
span：指定该列可以横跨多少列
<colgroup>：用于为表格定义一个或者多个列指定的属性
colgroup：作用于组织多个col元素，当使用<colgroup>组织多个col时，此元素指定的属性将对他所包含的所有col元素有效
表单新增属性：input标记，新增了type属性值（90%用在移动端）
color：生成一个颜色生成器(IE浏览器不兼容)
date：生成一个日期选择器（IE不兼容）
time：生成一个时间选择器（IE不兼容，火狐需要自己输入）
datetime：生成一个utc日期、时间选择器(大部分不兼容)
datetime-local：生成一个本地日期、时间选择器(IE不兼容)
time、datetime、datetime-local：调用的是本地时间APP（只有IE不支持）
datetime：调用网络时间、utc时间
utc：统一协调时间。GMT：格林威治时间
week：生成一个供用户选择第几周的文本框(只有谷歌和edge兼容)
month：生成一个月份选择器(谷歌和移动端兼容)
email：生成一个emeli输入框，浏览器会自动检查该文本框的value，如果不符合会出现提示，并不提交表单
multiple：表示该文本框允许输入多个email地址
tel：生成只能输入电话号码的文本框，但这类文本框并没有提供额外的要求，用户不会执行太多额外的要求(pc端是普通的文本框，移动端是数字键盘)
url:生成一个url输入框，会自动检测
number：生成一个只能输入数字的文本框
range：生成一个拖动条，通过拖动条，用户可以输入步长值
min：指定拖动条的最小值
max：指定拖动条的最大值
step：指定拖动条的步长
search：生成一个搜索关键字的文本框，与text文本框没有太大的区别
示例：
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<img src="图片地址" width="800" usemap="#tese" border="1">
<map name="test">
<area shape="rect" coords="170,80,300,120
" href="http://www.baidu.com" alt="rect">
<area shape="circle" coords="240,100,50" href="http://www.qq.com" alt="rect">
<area shape="poly" coords="400,400,700,500,400,500" href="http://www.alibaba.com" alt="rect">
</map>
<header><h2>74班</h2></header>
<nav>导航</nav>
<div>
<section>
<bdo dir="rtl">控制文本流入方向；dir是bdo属性，rtl是文本从右向左，ltr是文本从左向右</bdo>
推荐新闻</section>
<aside>左侧广告内容</aside>
<article>公司介绍</article>
<abbr title="photoshop">ps</abbr>
毛泽东说：<q>星星之火可以燎原</q>---源自<cite>写给林彪的一封信</cite>
</div>
<section>
<code>var name="a"</code>
复制：<kbd>ctrl+c</kbd>
声明变量：<var>var age="10"</var>
通常把代码总是重复做一件事并且不能停止时叫做<dfn>死循环</dfn>
<del>原价：888元</del><ins>现价：666元</ins>
<samp>尊敬的xxx您好，我因xxxxxxxxxx事情需要请假x小时/天，望批准！</samp>
</section>
<table width="800" border="1">
<col span="1" style="width:100px">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
<mark>关注内容</mark>
<time datetime="2021-12-30 9:00">上午9:00</time>
<meter min="0" max="10" value="71"></meter>
<progress max="200"main="0" value="150"></progress>
颜色:<input type="color" value="" name="">
日期：<input type="date" value="" name="">
时间:<input type="time" value="" name="">
日期时间：<input type="datetime" value="" name="">
本地时间：<input type="datetime-local" value="" name="">
星期：<input type="week" value="" name="">
月份：<input type="month" value="" name="">
email：<input type="email" name="mail">
网址：<input type="url" name="">
人数：<input type="number" name="" value="">
拖动条：<input type="range" name="" value="" min="0" max="100" step="10">
电话：<input type="tel" name="" value="">
<p>打电话给我：<a href="tel:17303377913">17303377913</a></p>(移动端调用呼叫功能)
<input type="submit" name="" value="提交">
<footer>底部信息</footer>
</body>
</html>
