html5基础

来源：互联网发布：批量检测未注册域名编辑：程序博客网时间：2024/06/05 19:53

1、内容类型

text／html

2、文档类型声明

<!DOCTYPE html>

声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，
用什么文档类型规范来解析这个文档。
严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。
在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

3、字符编码

<meta charset="UTF-8">

4、版本兼容性

可以省略的标记元素
1、不允许写结束标记：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
2、可以省略结束标记：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th
3、可以省略全部标记：html、head、body、colgroup、tbody
具有布尔值的属性
省略引号

5、HTML5元素

5.1、新增结构元素

header ｜标记头部区域的内容

footer ｜标记脚步区域的内容

section ｜Web页面中的一块区域

article ｜独立的文章内容

aside ｜相关内容或者引文

nav ｜导航类辅助内容

5.2、新增功能元素

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

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

video ｜定义视频

audio ｜定义音频

embed ｜用于插入各种多媒体，格式可以是MIIDI、WAV、AIFF、AU、MP3

mark ｜视觉上向用户呈现那些需要突出显示或高亮显示的文字

time ｜表示日期或时间

canvas ｜表示图形、绘图

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

source ｜为媒介元素定义媒介资源（如video,audio）

menu ｜表示菜单列表

ruby ｜表示ruby注释

rt ｜表示字符的解释或发音

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

wbr ｜软换行

command ｜命令按钮，如单选按钮，复选框

details ｜表示用户要求得到并且可以得到的细节信息，可以与summary配合

datalist｜表示可选数据的列表，与input配合使用

datagrid ｜表示可选数据的列表，与树形列表的形式来表示

keygen ｜我表示生成密钥

progress ｜表示运行中的进程，用来显示js中耗费时间的函数的进程

文档输入框

email、url、number、range

Date Pickers ：

－》date－－选取日、月、年

－》mouth－－选取月、年

－》week－－选取周、年

－》time－－选取小时、分钟

－》datetime－－选取时间、日、月、年（UTC时间）

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

阅读全文

0 0