2017-1-6基础

Posted 2020-08-26

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 选取时间 日 月 年（本地时间）