2017-1-6基础

html5

html属性

1基本属性

class 定义类规则或样式规则

id 定义元素的唯一标识

style 定义元素的样式声明

2语言属性

lang 定义元素的语言代码或编码

dir 定义文本方向 包括ltr（从左向右）、rtl（从右向左）

3键盘属性

accesskey 定义访问某元素的键盘快捷方式

tabindex 定义元素的tab键索引编号

使用accesskey属性可以用快捷键alt+字母访问指定的URL，但是浏览器不能很好的支持。

内容属性

alt 定义元素的替换文本

title 定义元素的提示信息

longdesc 定义元素包含内容的大段描述信息

cite 定义元素包含内容的引用信息

datetime 定义元素包含内容的日期和时间

html元素

HTML5元素分为7大类

内嵌 在文档添加其他类型的内容 如audio 、video 、canvas 、iframe等

流 在文档和应用的body中使用的元素，如form 、h1和small等

标题 段落标题，如h1、h2好和hgroup等

交互 与用户交互的内容，如音频和视频的控件、button和textarea等

元数据 通常在也想的head中

短语 文本和文本标记元素，如mark、kbd、sub和sup等

HTML5新增的语义化标记元素

header 标记头部区域的内容

footer 标记脚部区域的内容

section web页面中的一块区域

article 独立的文章内容

aside 相关内容或引文

nav 导航类辅助内容

HTML5新增功能元素

hgroup元素 用于对整个页面或页面中的一个内容区块标题进行组合

figure元素 表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素可为figure元素添加标题。

列：

<figure>
            <figcaption>标题</figcaption>
            <p>内容</p>
      </figure>

audio 元素，定义音频

cmbed 元素 用来插入各种多媒体

mark 元素 主要用来在视觉上向用户呈现那些需要突出显示或高亮的文字。

time 元素 表示时间或日期，也可以同时表示两者

canvas 元素 表示图形，如图表和其他图像，提供一块画布，把一个绘图API展现给客户端JS，使脚本可以在上面绘制

output 元素 表示不同类型的输出，比如脚本的输出

source 元素 为媒介元素定义媒介资源

menu 元素 表示菜单列表。

ruby 表示ruby注释

rt 元素 表示字符的解释或发音

rp 元素 在ruby注释中使用，以定义不支持ruby元素浏览器所显示的内容

wbr 软换行

command 元素 表示命令按钮，如单选按钮、复选框或按钮

details 元素 表示用户要求得到并且可以得到的细节信息，可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的，用户单机标题是，会显示细节信息 。summary是details的第一个子元素列

<details>
        <summary>标题</summary>
        详细信息
 </details>

datalist 元素 表示可选数据的列表，与input元素配合使用，可以制作出输入值下拉列表

datagrid 元素 表示可选数据的列表，它以树形列表的形式来显示

keygen 元素 表示生成密钥

progress 表示运行中的进程可以用progress元素来显示JS中耗费时间的函数进程

email 表示必须输入email地址的文本输入框

url 表示必须输入URL的文本输入框

number 表示必须输入数值的文本输入框

range 表示必须输入一定范围内数字的文本输入框

Data Pickers HTML5拥有多个可供选取日期和时间的新型输入文本框

date 选取日 月 年

month 选取 月和年

week 选取周和年

time 选取时间（小时和分钟）

datetime 选取时间 日 月 年

datetime-local 选取时间 日 月 年（本地时间）