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>用于描述项目