HTML5 全局属性和其他（20160812-0012）

一、实体

HTML 实体就是将有特殊意义的字符通过实体代码显示出来。



二、元数据

<meta> 元素可以定义文档中的各种元数据，而且一个 HTML 页面可以包含多个 <meta> 元素。

1、指定名 / 值元素句

<meta name="generator" content="sublime text">
<meta name="author" content="zhaojiangtao">
<meta name="description" content="这是 HTML5 的其它部分属性">
<meta name="keywords" content="html5,全局属性,meta">

元数据名次	说明
author	当前页面的作者
description	当前页面的描述
keywords	当前页面的关键字
generator	当前页面的编码工具

2、声明字符编码

<meta charset="utf-8">

3、模拟 HTTP 文件头

<!-- 打开页面3秒后跳转到百度 -->
<meta http-equiv="refresh" content="3;http://www.baidu.com">
<!-- 另一种声明字符编码 -->
<meta http-equiv="content-type" content="text/html;charset=utf-8">

属性值	说明
refresh	重新载入当前页面，或指定一个 URL。单位秒。
content-type	另一种声明字符编码的方式。

三、全局属性

1、id 属性

<p id="content"> 段落 </p>

解释：id 属性给元素分配一个唯一标识符。这种标识符通常用来给 CSS 和 JavaScript 调用选择元素。同一个 id 名称在一个页面只能出现一次。

2、class 属性

<p class="aaa"> 段落 </p>

解释：class 属性用来给元素归类。给文档中某一个或多个元素同时设置 CSS 样式。

3、accesskey 属性

<input type="text" name="user" accesskey="n">

解释：快捷键操作，windows 下 alt+ 指定键，前提是浏览器 alt 并不冲突。

4、contenteditable 属性

<p contenteditable="true"> 这个是可以修改的 </p>

解释：让文本处于可编辑状态，设置 true 则可以编辑，false 则不可以编辑。或直接设置属性。

5、dir 属性

<p dir="rtl">文字从右到左排列</p>

解释：让文字从左到右（ltr），从右到左（rtl）。

6、hidden 属性

<p hidden> 内容隐藏了 </p>

解释：隐藏元素。

7、lang 属性

<p lang="en"> HTML5 的 lang 属性 </p>

解释：可以局部设置语言。

8、title 属性

<p title="这是title属性"> title属性提示了吗</p>

解释：对元素的内容进行额外的提示。

9、tabindex 属性

<input type="text" name="user" tabindex="2">
<input type="text" name="user" tabindex="1">

解释：表单中按下 tab 键，实现获取焦点的顺序。如果是 －1，则不会被选中。

10、style 属性

<p style="background:red"> 设置 CSS 样式 </p>

示例代码地址