H5新增的标签:(块状元素) 有语意的div
<article> | 标记定义一篇文章 |
<header> | 标记定义一个页面或者一个区域的头部 |
<nav> | 标记定义一个导航链接 |
<section> | 标记定义一个区域 |
<aside> | 标记定义页面内容的侧边栏 |
<figure> | 标记定义一组媒体内容以及他们的标题 |
<figcaption> | 标签定义figure元素的标题 |
<footer> | 标记定义一个页面的底部区域 |
多媒体标签
<video> | 视频内容 |
<audio> | 音频内容 |
绘图标签
<canvas> | 绘制图片 |
<svg> | 矢量图 |
WEB运用标签
<meter> | 状态标签,温度等 |
<progress> | 进度条 |
datalist | (关键字)为input定义下拉列表,模糊搜索 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--<article>--> //定义文章
<!--<h2>祝孩子学业有成</h2>--> //文章标题
<!--<p>2019年9月2日。老家外甥的儿子高考后,--> //文章段落
<!--外甥和他媳妇两口子都美滋滋的,-->
<!--以为这个花了大价钱供养的艺考生一定能蟾宫折桂,-->
<!--考一所中意的大学。就在全家人翘首以盼的时候,分数下来了-->
<!--,高价考生考了295分,即使是艺考生也与一本二本无缘。-->
<!--把一家人气的鼓鼓的,愁的惨惨的。为了让儿子能考上像样的大学,-->
<!--高中时在儿子的要求下要走艺考之路,因为他怕自己凭文化课考不上大学。-->
<!--为了培养家里的这颗独苗,一家人几乎花掉了家中所有的积蓄-->
<!--,没想到考出了这样的结果,也太令人失望了。</p>-->
<!--<p>-->
<!--一本二本无望,大家都说即使三本也一定去上。可是这孩子瞪着空洞的大眼睛,非说本次高考没有考出他的真实水平,非要复读,明年一定考上一本不可。当外甥告诉我他儿子的想法之后,我只有冷笑,正经读下来还考成这个德行,指望复读,今年的考分离一本线差的不是一星半点,恐怕来年考的更糟,不说别的就是心理压力要增加多少啊。再说家里还拿得出钱供他复读吗?我坚决反对这孩子复读,外甥也只有唉声叹气的份儿。-->
<!--</p>-->
<!--</article>-->
<!--<figure>-->
<!--<figcaption>H5自定义播放器</figcaption>-->
<!--<video src="./video/1.mp4"></video>-->
<!--</figure>-->
<input type="text" list="myList">
<datalist id="myList">
<option>罗特</option>
<option>小勤</option>
<option>小石头</option>
<option>逍遥</option>
<option>后恶迷宫</option>
<option>愉快的沙果</option>
<option>阿发</option>
</datalist>
<select name="" id="">
<option value="">上海</option>
<option value="">广州</option>
</select>
<!--<meter min="30" max="40" low="32" high="38" value="35"></meter>-->
<progress min="0" max="100" value="50"></progress>
</body>
</html>