H5常用页面属性与元素

       大家都知道HTML5添加了很多新的属性和元素,那我们常常用到的有哪些呢?我为您整理了一下我们常用的元素,仅供参考,注意下面分类中并非全是新加入元素。

l        文档头部元素

base:页面上所有连接默认地址或默认目标

meta:页面元信息,针对搜索引擎和更新频度的描述和关键词

title:标题

link:文档与资源之间的关系

style:定义HTML文档的样式信息

script:定义客户端脚本

l        HTML5全局属性

contenteditable[是否可编辑元素的内容]

draggable[指定元素是否可以拖动]

hidden[控件是否隐藏]

spellcheck[可输入的控件是否进行拼写检查]

l        结构元素

<header>页眉信息

<article>元素定义独立于文档的其余部分的内容

<aside>定义它所处内容之外的内容,是附属信息部分

<footer>页脚信息

<section>节,一个内容单元

l        交互元素

<progress>定义下载的进度,一般与时间线程一起使用

<meter>统计指定范围的数值,如投票人数,等级评分等

<details>和<summary>描述一个部分的细节和标题,属性open默认为false

<menu>定义菜单列表,常和<li>元素配合使用

<command>表示能够调用的命令,仅当与<menu>结合时可用,还可规定快捷键

l        文本层次语义元素

<cite>创建引用标记,可以用来定义书籍等的标题[不包括作者名称,出版日期等],其它地方引用后会自动显示为斜体

<mark>高亮显示,常用于显示搜索中的关键字,区别<strong>强调重要性,<em>突出文章的重点

<time>定义公历时间,其属性datetime定义时间,pubdate指明是否发布

l        页面节点

<section>定义一个有主题的内容组,cite属性定义内容的来源

<nav>定义导航链接部分的内容

<hgroup>对页面中的标题进行分组,形成一个组群,常和<figcaption>结合使用

<address>定义文档作者的联系信息[不能包含标题],常位于<article>元素后面,放于<footer>元素中,换行并斜体显示

l        分组元素

<ul>无序列表,不再支持type,用CSS替代

<ol>有序列表,增加了start属性和reversed属性

<dl>定义术语或一个逻辑节点,常与<dt><dd>结合使用,<dt>定义列表项目,<dd>用于描述项目