标签：
第 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>
元素。
标签：
原文地址：http://www.cnblogs.com/HJL085/p/5851770.html
