Day10 HTML页面元素属性
七、全局属性
1.实体
HTML 实体就是将有特殊意义的字符通过实体代码显示出来。
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | |   | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 镑 | £ | £ |
¥ | 日圆 | ¥ | ¥ |
€ | 欧元 | € | € |
§ | 小节 | § | § |
© | 版权 | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
2.元数据
<meta>元素可以定义文档中的各种元数据,而且一个HTML 页面可以包含多个<meta>
元素。
2.1指定名/值元数据对
<meta name="author" content="bnbbs">
<meta name="description" content="这是一个HTML5 页面">
<meta name="keywords" content="html5,css3,响应式">
<meta name="generator" content="sublime text3">
元数据名称 | 说明 |
author | 当前页面的作者 |
description | 当前页面的描述 |
keywords | 当前页面的关键字 |
generator | 当前页面的编码工具 |
2.2声明字符编码
<meta charset="utf-8">
2.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 | 另一种声明字符编码的方式 |
3.全局属性
在此之前,我们涉及到的元素都讲解了它的局部数据,当然也知道一些全局属性,比如
id。全局属性是所有元素共有的行为,HTML5 还提供了一些其他的全局属性。
3.1 id 属性
<p id="abc">段落</p>
解释:id 属性给元素分配一个唯一标识符。这种标识符通常用来给CSS 和JavaScript调用选择元素。一个页面只能出现一次同一个id 名称。
3.2 class 属性
<p class="abc">段落</p>
<p class="abc">段落</p>
<p class="abc">段落</p>
解释:class 属性用来给元素归类。通过是文档中某一个或多个元素同时设置CSS 样
式。
3.3accesskey 属性
<input type="text" name="user"accesskey="n">
解释:快捷键操作,windows 下alt+指定键,前提是浏览器alt 并不冲突。
3.4 contenteditable 属性
<p contenteditable="true">我可以修改吗</p>
解释:让文本处于可编辑状态,设置true 则可以编辑,false 则不可编辑。或者直接设置属性。
3.5 dir 属性
<p dir="rtl">文字到右边了</p>
解释:让文本从左到右(ltr),还是从右到左(rtl)。
3.6 hidden 属性
<p hidden>文字到右边了</p>
解释:隐藏元素。
3.7 lang 属性
<p lang="en">HTML5</p>
解释:可以局部设置语言。
3.8 title 属性
<p title="HTML5 教程">HTML5</p>
解释:对元素的内容进行额外的提示。
3.9 tabindex 属性
<input type="text" name="user"tabindex="2">
<input type="text" name="user"tabindex="1">
解释:表单中按下tab 键,实现获取焦点的顺序。如果是-1,则不会被选中。
3.10 style 属性
<p style="color:red;">CSS 样式</p>
解释:设置元素行内CSS 样式。