13.HTML全局属性和其他
第十一章 全局属性和其他
一、实体
以实体代替与HTML语法相同的字符,避免浏览解析错误。
常用HTML字符实体(建议使用实体):
| ————————————————————————
|字符 | 实体名 实体编码 名称
| “ | " " 双引号
| & | & & &符
| < | < < 左尖括号(小于号)
| > | > > 右尖括号(大于号)
| | 空格
| ' | ' ' 撇号
| ¢ | ¢ ¢ 分
| £ | £ £ 磅
| ¥ | ¥ ¥ 日元
| € | € € 欧元符
| © | © © 版权标识
|——————————————————————————
显示结果 描述 实体名称 实体编号
空格
¡ 倒感叹号 ¡ ¡
¤ 货币 ¤ ¤
¢ 分 ¢ ¢
£ 磅 £ £
¥ 元 ¥ ¥
¦ 断竖线 ¦ ¦
§ 节 § §
¨ 间隔分音符 ¨ ¨
© 版权标识 © ©
ª 阴性顺序标识符 ª ª
« 角引号(左) « «
¬ 逻辑非 ¬ ¬
软连字符
® 注册商标 ® ®
™ 商标 ™ ™
¯ 间隔长音符 ¯ ¯
° 度 ° °
± 加或减 ± ±
² 上标 2 ² ²
³ 上标 3 ³ ³
´ 急性间距 ´ ´
µ 百万分之一 µ µ
¶ 段落 ¶ ¶
· 中间点 · ·
¸ 间距变音符 ¸ ¸
¹ 上标 1 ¹ ¹
º 阳性顺序指示符 º º
» 角引号(右) » »
¼ 分数 1/4 ¼ ¼
½ 分数 1/2 ½ ½
¾ 分数 3/4 ¾ ¾
¿ 倒问号 ¿ ¿
× 乘号 × ×
÷ 除号 ÷ ÷
二、元数据 <meta>元素可以定义文档中各种元数据,而且一个HTML页面可以包含多个<meta>元素。
1、指定名/值元数据对
(1)author 当前页面作者
(2)description 当前页面的描述
(3)keywords 当前页面的关键字
(4)generator 当前页面的编码工具
例、<head>
<meta charset="utf-8">
<meta name="author" content="bnbbs">
<meta name="keywords" content="html,css3,响应式">
<title>全局属性和其他</title>
</head>
2、声明字符编码
<meta charset="utf-8">
3、模拟 HTTP 标头字段
(1)refresh 重新载入当前页面,或指定一个URL。单位秒。
(2)content-type 另一种声明字符编码的方式。
例、<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8"> //另一种写法
<meta http-equiv="refresh" content="3;http://www.daidu.com"> //三秒后页面自动刷新跳转网页
</head>
三、全局属性
1、id 属性:给元素分配一个唯一标识符。这种标识符通常用来给CSS和JavaScript调用选择元素。一个页面通常只能出现一个id名称。
2、class 属性:用来给元素归类。通过是文档中某一个或多个元素同时设置CSS样式。
3、accesskey 属性:快捷键操作,windows下 alt+指定键,前提是浏览器alt并不冲突。
// <input type="text" name="user" accesskey="n">
4、contenteditable 属性:true可以编辑,为默认值,可以不写出来。false则不可编辑。
在已有的文本上可以更改,但不是更改原文件,刷新会变回来。
// <p contenteditable="true"></p>
5、dir 属性:设置文本字符方向。让文本从左到右<ltr>(系统默认)。从右到左<rtl>。
6、hidden 属性:隐藏元素。
7、lang 属性:可以局部设置语言。
8、title 属性:对内容进行额外的提示,当鼠标移动到文本是,会浮现出一个悬停框,框里为提示内容。
// <p title="这是html5教程">HTML</p>
9、tabindex 属性:表单中按下tab键,实现获取焦点的顺序,如果是-1,则不会被选中。<input type="text" name="user" tabindex="2">
<input type="text" name="user" tabindex="1">
<input type="text" name="user" tabindex="-1">
//1、2为焦点光标的跳转顺序。
10、style 属性:设置元素行内CSS样式。