Day11-HTML5

tender-81 2022-08-21 原文

H5新增标签：

H5新增的语义化标签：(双标记)
	1.header 整个页面的头部
	2.main   主要部分ie不兼容
	3.section页面中的一个区块
	4.footer 结尾区
	5.nav    导航链接
	6.article上下文无关的区域
	7.aside  与article相关的辅助信息
	8.hgroup 标题的一个分组
	9.figure 一段独立的内容
	10.figcaption 为figure添加标题(第一个或最后一个子元素的位置)
	11.mark  高亮的文本
媒介标签：
	媒介标签：
		<source src="" type="">
		可以设置多个source
	可以让视频覆盖整个父元素，视频会等比例播放：
		object—fit:cover;
	1.音频：行内标签
		<radio src=""></radio>
		属性：
			controls 添加控件
			loop	 循环播放
			autoplay 自动播放，搭配静音属性使用
			muted	 静音属性
	2.视频：
		<video src=""></video>
		用于视频：MP4 ogg webm
		属性：
			controls
			loop
			autoplay
			muted
			poster="" 规定视频正在加载时显示的图像，直到用户点击播放按钮。

H5新增表单类型：
	<input type="">
	类型：
		email	邮箱
		url		网址
		search	搜索
		number	数字
		range	滑动条
		color	颜色
		time	时间
		date	天
		week	周
		month	月
		datetime-local	本地时间

H5新增表单属性：
	required	是否为空
	min=""		最小值
	max=""		最大值
	step=""		步幅
	placeholder=""	提示信息
	autofocus	自动聚焦
	novalidate	取消验证，加给form标签
	multiple	选择上传多个，用逗号隔开
	readonly	输入字段设置为已读
	autocomplete="" 是否自动提示信息，元素要有name属性
		属性值：on开启提示 / off关闭提示
	datalist	下拉框标签，不能独自使用，必须结合其他表单元素一起使用
	option		选项标签
	list		结合datalist标签，绑定datalist的id名
		<input type="search" list="sousuo">
			<datalist id="sousuo">
				<option value="全部商品"></option>
				<option value="手机"></option>
			</datalist>