Day11-HTML5

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>
posted @ 2022-08-21 09:36  TTender  阅读(22)  评论(0编辑  收藏  举报