我们经常会用到 HTML 标签，但是你们还记得哪些是 H5 的标签吗
功能性标签
<!DOCTYPE>：定义文档类型，告知浏览器文档使用哪种 HTML 或 XHTML 规范，在 html 之上。<html></html>：定义 HTML 文档，告知浏览器其自身是一个 HTML 文档，位于开头和结尾。<head></head>：定义页面头部，是头部元素的容器。<meta>：位于 head 标签内部，包含 content，name、charset、http-equiv属性name：Keywords（关键字，SEO）、Description（简介）、author（版权）、viewport（优化适配屏幕）...
http-equiv：Expires（期限）、Refresh（刷新）...
例：<meta name="keywords" content="meta,juejin,html,标签"><title></title>：位于 head 标签内，标识页面的标题，同时也会在浏览器页签上显示<link>：位于 head 标签内，用于连接外部资源，常用于链接 css 文件<body></body>：定义文档主体，文档内容全部放在这里<script></script>：定义javascript(js)脚本，可用 src 引入js文件，也可在标签内编写 js 代码
元素之间可以相互转换
display: block(块)，inline(行内)，inline-block(行内块)
常用块状标签
<div></div><h1 ~ h6></h1 ~ h6><p></p><dl></dl><dt></dt><dd><hr><ol></ol><ul></ul><li></li><table></table><tbody></tbody><thead></thead><tfood></tfood><tr></tr><td></td><header>：h5<footer>：h5<nav>：h5<aside>：h5<progress>：h5（竟然有内置进度条）
常用行内标签
<span></span><a></a><b></b><br /><i></i><img></img><input />h5的属性
type：email、time、number、color、month、week
属性：required、placeholder、multiple<label></label><textarea></textarea><strong></strong>
置换元素
<img /><input /><textarea></textarea><select></select><option></option><button></button><canvas></canvas>：h5<audio>：h5<video>：h5置换元素：就是浏览器会根据元素的属性和标签来决定元素的内容的元素
w3c官方解释：不受 css 格式化范围控制的元素，css 渲染模型并不考虑对此内容的渲染。如 img、input、select、textarea、button、label 等被称为可置换元素。浏览器根据这些元素的标签和属性，来决定元素的具体显示内容。
