- H5中新增的语义化标签:
<header>:头部标签
<nav>:导航栏标签
<article>:文章标签
<section>:内容标签
<aside>:侧导航栏标签
<footer>:底部标签
<button>:按钮标签
<progress>:进度条标签
<fieldset><legent><legent/><fieldset>:表单绘制外框标签
- H5中新增的表单属性
Placeholder:提示信息(用于input,属性值为提示的内容)
autofocus:当页面加载完毕后,自动获取焦点。(用于input,不用加属性值)
required:输入框的内容不能为空,在表单提交时判断。(用于input,不用加属性值)
maxlength:最大长度。(属性值为整数)
minlenght:最小长度。(属性值为整数)
novalidate:不验证表单(用于input,不加属性值)
autocomplete:设置是否自动完成。
- 新增input类型type=””
- url
- data
- time
- month
- week
- number
- tel
- search
- color
- 新增多媒体标签
- audio:音频 <audio src=”音频文件地址” />
- video:视频 <video src=”视频文件地址” />
- autoplay:自动播放
- Controls:显示插件,控制按钮
- loop:循环播放
- poster:预先加载显示
- CSS3新增特性:
- 新增选择器:
- 属性选择器,权重为10
- 选择带有x(代指)属性的元素 [属性名] 如:[class]{ }
- 选择所有带有X属性,并且以=Y开头属性值的元素:[X=”Y”]
- 选择所有带有X属性,并且以=Y-开头属性值的元素:[X=”Y-”]
- 选择所有带有X属性,并且以=Y开头属性值的元素:[X^=”Y-”]
- 选择所有带有X属性,并且以=Y结尾属性值的元素:[X$=”Y”]
- 选择所有带有X属性,并且包含Y属性值的元素:[X*=”Y”]
- 伪类选择器,权重为10
- :first-child:获取指定选择器的第一个元素
- :last-child:获取指定选择器的最后一个元素
- :nth-child(n):获取指定选择器的第n个元素(所有子元素的顺序)
- :nth-last-child(n):获取指定选择器的倒数第n个元素(所有子元素的顺序)
- :nth-of-type(n):获取指定选择器的第n个子元素(不是所有子元素的顺序)
- 伪元素选择器:
- ::first-letter 选择文本内容的第一个汉子或者第一个字母
- ::first-line 选择文本的第一行
- ::before 在当前元素的内部的前边添加。(在同一行可以转为块元素)
- ::after 在当前元素的内部后便添加。
- 属性选择器,权重为10
- 新增选择器: