Web前端学习 08

1.了解html5
2.新增的标签
3.css3新增的选择器
4.新增的input

一.新增的结构标签
header 页面或页面中某一个区块的页眉，通常是一些引导和导航信息
nav 可以作为页面导航的链接组
article 页面中的一个内容区块，通常由内容及其标题组成
section 代表一个独立的、完整的相关内容块，可独立于页面其它内容使用
aside 非正文的内容，与页面的主要内容是分开的，被删除而不会影响到网页的内容
footer 页面或页面中某一个区块的脚注

二.html5新增的网页元素
video 定义视频，如电影片段或其他视频流
audio 定义音频，如音乐或其他音频流
canvas 定义图形
datalist 定义可选数据的列表
time 标签定义日期或时间
mark 在视觉上向用户呈现那些需要突出的文字

新增的全局属性-了解
contentEditable 规定是否允许用户编辑内容
designMode 规定整个页面是否可编辑
hidden 规定对元素进行隐藏
spellcheck 规定是否必须对元素进行拼写或语法检查
tabindex 规定元素的tab键迭制次序

三.css3新增的选择器
first-of-type p:first-of-type选择属性其父元素的首个

元素的每个

元素
last-of-type p:last-of-type选择属性其父元素的最后

元素的每个

元素
only-of-type p:only-of-type 选择属于其父元素唯一的

元素的每个

元素
first-child p:first-child选择属性其父元素第一个子元素的每个

元素
last-child p:last-child选择属性其父元素最后一个子元素的每个

元素
nth-child(n) p:nth-child(n)选择属性其父元素的第n个子元素的每个

元素
:before p:before在每个

元素的内容之前插入内容
:after p:after在每个

元素的内容之后插入内容

四.新增的input
email 电子邮件地址文本框，提交表单时会自动验证email的值
url 网页的URL，提交表单时会自动验证url的值
color 主要用于选取颜色
search 用于搜索引擎（搜索框）
number 只包含数值的字段，能够设定对所接受的数字的限定
range 滑动条，特定值范围内的数值选择器
Date pickers 拥有多个可供选取日期的新输入类型