day-3-H5新增标签

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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值