全局属性
全局属性是指任何元素都可以使用的属性,下面详细介绍常用全局属性的用法:
1、hidden属性
该属性规定元素是否隐藏,隐藏的元素将不再显示。该属性有两个值:true和false
2、spellcheck属性
spellcheck属性规定是否对元素内用进行拼写检查,它可以对以下文本进行拼写检查:
a、textarea元素中的值
b、类行为text的input元素中的值(非密码)
c、可编辑元素中的值
spellcheck属性有两个值:true和false
注:拼写检查就是最词汇、单词进行检查,错误的词汇将会通过下划线等形式表示出来,形如word里面的拼写检查
3、contenteditable属性
contenteditable属性规定元素内容是否可编辑,但是前提是该元素必须可以获得鼠标焦点并且其内容不是只读的
4、draggable属性
draggable属性用来指定元素是否可以拖动,该属性经常用语拖动操作,一般情况下只有链接和图像是可拖动的。但是目前只有Firefox、chrome和Safari浏览器支持draggable属性
另外,如果想真正实现拖动功能,需要与javascript脚本相结合
结构元素
1、header元素
用于定义文档页眉或介绍信息。比如网站首页头部内容一般都包含标题、logo图片和搜索内容等,使用该元素可以替换<div id="header">的标签
2、article元素
定义独立于文档的其他部分的内容,表示页面中一块与上下文不相关的独立部分。该元素常用例子是论坛帖子、报纸文章和用户评论等,通常会和多个section元素配合使用,一个页面上article元素可以出现多次。
3、aside元素
aside元素定义其所处内容之外的内容,是与文档主要内容有关的附属信息部分,常用例子比如引用、备注、注释、侧边栏和广告等有别于主要内容的部分
<header> <div> <h1>Acer淘宝站</h1> <aside>提供最新、最全的Acer笔记本资讯</aside> </div> </header>
上述代码运行后样式如下:
Acer淘宝站
提供最新、最全的Acer笔记本资讯
4、footer元素
footer元素用来定义section或document的页脚,表示一个页面或一个区域的底部。一般情况下如果使用footer来插入联系信息,应该在元素内部使用address元素
典型情况下,该元素会包含作者姓名、文档创作日期或者联系信息等内容。使用footer可以替换原来的<div id="footer">标签。