HTML5基础学习笔记（十）

Day10 HTML页面元素属性

七、全局属性

1.实体

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

显示结果	描述	实体名称	实体编号
	空格	 	 
<	小于号	&lt;	&#60;
>	大于号	&gt;	&#62;
&	和号	&amp;	&#38;
"	引号	&quot;	&#34;
'	撇号	&apos; (IE不支持)	&#39;
￠	分	&cent;	&#162;
£	镑	&pound;	&#163;
¥	日圆	&yen;	&#165;
€	欧元	&euro;	&#8364;
§	小节	&sect;	&#167;
©	版权	&copy;	&#169;
®	注册商标	&reg;	&#174;
™	商标	&trade;	&#8482;
×	乘号	&times;	&#215;
÷	除号	&divide;	&#247;

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 样式。