全局属性

实体

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

<music>

页面显示：<music>

<b style="font-size:100px;">&copy;</b>

元数据

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

指定名/值元数据对

         <meta name="author" content="bnbbs">

         <meta name="keywords" content="html5,css3,响应式">

         <meta name=" keywords" content=" "html5,css3,响应式">

         <meta name="generator" content="sublimetext3">

解释：给搜索引擎提供数据

author当前页面的作者

description当前页面的描述

keywords当前页面的关键字

generator当前页面的编码工具

声明字符编码

<meta  charset=utf-8">

或者

<meta http-equiv="content-type" content="text/html charset=utf-8">

模拟HTTP标头字段

<meta http-equiv="refresh" content="5;http://www.baidu.com">

解释：refresh重新载入当前页面，或指定一个URL。单位秒

全局属性

.id属性

<p id="abc">这是ID</p>

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

class属性

<p class="abc">这是class</p>

         <p class="abc">这是class</p>

         <p class="abc">这是class</p>

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

accesskey属性

<input type="text" name="user" accesskey="m">

<input type="text" name="user2" accesskey="n">

解释：快捷键操作，windows下alt+指定键，前提是浏览器alt并不冲突，（谷歌可以）

contenteditable属性

<p contenteditable="true">我可以修改吗</p>

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

dir属性

<p dir="rtl">文字方向</p>

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

hidden属性

<p dir="rtl" hidden>文字方向</p>

解释：隐藏元素。

lang属性

<p lang="en">HTML5</p>

解释：可以局部设置语言

title属性

<p title="HTML5教程">HTML5</p>

解释：对元素的内容进行额外的提示。鼠标放到p元素时，右下标提示

tabindex属性  

<input type="text" name="user1" tabindex="2">

<input type="text" name="user2" tabindex="1">

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

style属性

<p style="color:red;">CSS样式</p>

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