HTML5

148 阅读1分钟

HTML5的新特性:

新的语义化标签,比如 header footer nav main section aside article
新的表单控件,比如email url search
用于绘画的canvas元素
用于媒介回放的videoaudio元素


head   页面或页面中某一个区块的页眉,通常是一些引导和导航信息

nav  可以作为页面的链接组(导航栏)

main  表示主体

section  页面中的内容区块

aside   侧边栏

article  独立完整的内容块

footer   脚注

优先级算法

优先级就近原则,同权重情况下样式定义最近者为准载入样式以最后载入的定位为准

!important > id > class > tag

!important 比内联优先级高,但内联比id要高

required

规定文本框填写内容不能为空,否则不允许用户提交表单

适合于input标签: text、search、url、email、 password、number、checkbox、radio、file等类型

语法:

<input type="text" name="username" required/>

placeholder

input类型的文本框提供一种提示,可以描述文本框期待用户输入的内容,提示语默认显示,当文本框中输入内容时提示语消失

适合于input标签: text、search、url、email和password等类型

语法:

<input type="search" name="sousuo" placeholder="请输入要搜索的关键字"I>