htnl全局属性和其他属性

 

 

学习要点：

1.实体

2.元数据

3.全局属性

本章主要探讨HTML5中的HTML实体、以及HTML核心构成的元数据，最后了解一下HTML中的全局属性。

 

一．实体

HTML实体就是将有特殊意义的字符通过实体代码显示出来。使用方法，实体名称或者实体编号

       显示结果           实体名称             实体编号                  描述

                      　　            　                      空格

           <            　　&lt;            　　&#60;               　　小于号

           >           　　 &gt;            　　&#62;               　  大于号

           &          　　 &amp;            　&#38;               　  和号

           "          　　 &quot;           　 &#34;                     引号

           '           　　&apos;                &#39;                    撇号

           ￠           　　&cent;               &#162;                  分

           £         　　 &pound;              &#163;                  镑

           ¥           　　&yen;                 &#165;                   日圆

           €           　　&euro;               &#8364;                 欧元

           §          　　 &sect;                &#167;                   小节

           ©           　　&copy;              &#169;                   版权

           ®          　　 &reg;                &#174;                   注册商标

           ™          　　&trade;              &#8482;                  商标

           ×         　　 &times;               &#215;                    乘号

           ÷          　　&divide;              &#247;                    除号

 

二．元数据

<meta>元素可以定义文档中的各种元数据，而且一个HTML页面可以包含多个<meta>元素。

 

三．全局属性

在此之前，我们涉及到的元素都讲解了它的局部数据，当然也知道一些全局属性，比如id。全局属性是所有元素共有的行为，HTML5还提供了一些其他的全局属性。

 

1.id属性，id属性给元素分配一个唯一标识符

段落

解释：id属性给元素分配一个唯一标识符。这种标识符通常用来给CSS和JavaScript 调用选择元素。一个页面只能出现一次同一个id名称。

 

2.class属性，用来给元素归类

段落
 
段落
 
段落

解释：class属性用来给元素归类。通过是文档中某一个或多个元素同时设置CSS样式。

 

3.accesskey属性 ,输入框属性，快捷键操作

解释：快捷键操作，windows下alt+accesskey="n"指定键，光标定位到此输入框，前提是浏览器alt并不冲突。

 

4.contenteditable属性，让文本处于可编辑状态

我可以修改吗

解释：让文本处于可编辑状态，设置true则可以编辑，false则不可编辑。或者直接 设置属性。

 

5.dir属性，让文本左或者右

文字到右边 

解释：让文本从左到右（ltr），还是从右到左（rtl）。

 

6.hidden属性，隐藏元素

解释：隐藏元素。

 

7.lang属性，可以局部设置语言

HTML5

解释：可以局部设置语言。zh-cn为中文，en为英文

 

8.title属性，对元素的内容进行额外的提示

HTML5

解释：对元素的内容进行额外的提示。，也就是鼠标放上去会出现提示内容

 

9.tabindex属性，表单中按下tab键，实现获取焦点的顺序

解释：表单中按下tab键，实现获取焦点的顺序。如果是-1，则不会被选中。

 

10.style属性 ，设置元素行内CSS样式

CSS样式

解释：设置元素行内CSS样式。