html5新增

本文详细介绍了HTML5中新增的多个标签,包括常用布局标签、datalist、fileset、input的type类型和属性、keygen、output、progress、meter、embed、audio、video等。这些新特性提升了网页的交互性和语义性,增强了表单功能,同时也涉及到多媒体的处理。需要注意的是,keygen和output标签的使用频率相对较低,且keygen的浏览器支持度不高。
摘要由CSDN通过智能技术生成

1. html5新增标签

(1)常用布局标签

<header>定义页面的头部,相当于文档的页眉</header>
<nav>定义导航链接的部分</nav>
<footer>定义页面的底部,相当于文档的页脚</footer>
<main>定义页面的主体部分</main>
<article>定义文章</article>
<section>定义区域,文档中的节,区段</section>
<aside>定义其所处内容之外的内容,侧边</aside>

(2)datalist标签:定义选项列表,配合input标签使用,选项以输入时输入框下方提示的形式出现

<input type="text" value="请输入明星" list="star" /> <!-- input里用list属性 -->
<datalist id="star">                               <!-- datalist里用id实现和input的链接 -->
    <option>王俊凯</option>
    <option>王源</option>
    <option>易烊千玺</option>
</datalist>

(3)fileset标签:将表单内的元素打包,与legend搭配使用

<fieldset>                          
    <legend>用户登录</legend>    <!-- 定义标题 -->
    用户名:<input type="text" /><br /><br />
    密 码:<input type="text" />
</fieldset>

(4)新增input表单的type类型

<fieldset>
    <legend>HTML5新增的INPUT type类型</legend>
    <form action="&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值