首页 > 代码库 > 第11章 全局属性和其它
第11章 全局属性和其它
第 11 章全局属性和其他
学习要点：
1.实体
2.元数据
3.全局属性
本章主要探讨 HTML5中的 HTML实体、以及 HTML核心构成的元数据，最后了解一
下 HTML中的全局属性。
一．实体
HTML实体就是将有特殊意义的字符通过实体代码显示出来
字符 | 说明 | 字符实体名 | 十进制实体 |
| 无断行空格 |
|
|
¡ | 倒置的感叹号 | ¡ | ¡ |
¢ | 美分符号 | ¢ | ¢ |
£ | 英镑符号 | £ | £ |
¤ | 货币符号 | ¤ | ¤ |
¥ | 元符号 | ¥ | ¥ |
¦ | 间断竖杆 | ¦ | ¦ |
§ | 部分符号 | § | § |
¨ | 二连续元音分音符 | ¨ | ¨ |
© | 版权所有 | © | © |
ª | 阴序符 | ª | ª |
« | 左指双角引符 | « | « |
¬ | 自由连字符 | ¬ | ¬ |
- | 连字符 | | |
® | 注册商标 | ® | ® |
¯ | 长音符号 | ¯ | ¯ |
° | 度 | ° | ° |
± | 加减符号 | ± | ± |
² | 平方符号 | ² | ² |
³ | 立方符号 | ³ | ³ |
´ | 重音符号 | ´ | ´ |
µ | 微符号 | µ | µ |
¶ | 段落符号 | ¶ | ¶ |
· | 中点 | · | · |
¸ | 变音符 | ¸ | ¸ |
二．元数据
<meta>元素可以定义文档中的各种元数据，而且一个 HTML页面可以包含多个<meta>
元素。
1.指定名/值元数据对
<meta name="author" content="bnbbs">
<meta name="description" content="这是一个 HTML5页面">
<meta name="keywords" content="html5,css3,响应式">
<meta name="generator" content="sublime text 3">
元数据名称 说明
author 当前页面的作者
description 当前页面的描述
keywords 当前页面的关键字
generator 当前页面的编码工具
2.声明字符编码
<meta charset="utf-8">
3.模拟 HTTP标头字段
//5秒跳转到指定 URL
<meta http-equiv="refresh" content="5;http://li.cc">
//另一种声明字符编码
<meta http-equiv="content-type" content="text/html charset=utf-8">
属性值 说明
refresh 重新载入当前页面，或指定一个 URL。单位秒。
content-type 另一种声明字符编码的方式
三．全局属性
在此之前，我们涉及到的元素都讲解了它的局部数据，当然也知道一些全局属性，比如
id。全局属性是所有元素共有的行为，HTML5还提供了一些其他的全局属性。
1.id属性
<p id="abc">段落</p>
解释：id属性给元素分配一个唯一标识符。这种标识符通常用来给 CSS和 JavaScript
调用选择元素。一个页面只能出现一次同一个 id名称。
2.class属性
<p class="abc">段落</p>
<p class="abc">段落</p>
<p class="abc">段落</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</p>
解释：可以局部设置语言。
8.title属性
<p title="HTML5教程">HTML5</p>
解释：对元素的内容进行额外的提示。
9.tabindex属性
<input type="text" name="user" tabindex="2">
<input type="text" name="user" tabindex="1">
解释：表单中按下 tab键，实现获取焦点的顺序。如果是-1，则不会被选中。
10.style属性
<p style="color:red;">CSS样式</p>
解释：设置元素行内 CSS样式。
例子
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<!-- <meta charset="utf-8"> -->
<meta name="author" content="bean">
<meta http-equiv="content-type" content="text/html charset=utf-8">
<!-- <meta http-equiv="refresh" content="3;http://www.baidu.com"> -->
<title>表单元素（下）</title>
<style type="text/css">
#abc
{
color:red;
}
.abc1
{
color:yellow ;
}
</style>
</head>
<body>
<!-- <p id="abc">这是ID</p> -->
<p class="abc1">段落</p>
<p class="abc1">段落</p>
<p class="abc1">段落</p>
<div;>
<music;>
我
<!-- <b style="font-size:100px;">©</b> -->
<!-- <input type="text" name="user" accesskey="n"> -->
<!-- <p contenteditable="true">我可以修改吗</p> -->
<p style="color:red">红色</p>
这是一段中文
</body>
</html>
学习要点：
1.实体
2.元数据
3.全局属性
主讲教师：李炎恢
本课程由北风网和瓢城Web俱乐部提供
本章主要探讨 HTML5中的 HTML实体、以及 HTML核心构成的元数据，最后了解一
下 HTML中的全局属性。
一．实体
HTML实体就是将有特殊意义的字符通过实体代码显示出来。
显示结果
实体名称
实体编号
描述
<
<
空格
<
>
&
"
‘
￠
£
¥
€
§
©
®
™
×
÷
小于号
>
&
>
&
大于号
和号
引号
撇号
分
"
‘
¢
£
¥
"
‘
¢
£
¥
€
§
©
®
™
×
÷
镑
日圆
欧元
小节
版权
注册商标
商标
乘号
除号
€
§
©
®
™
×
÷
二．元数据
<meta>元素可以定义文档中的各种元数据，而且一个 HTML页面可以包含多个<meta>
元素。
第11章 全局属性和其它