HTML5

来源：互联网发布：数据之巅在线阅读编辑：程序博客网时间：2024/06/06 05:50

用于取代HTML4.01 和 XHTML 1.0标准的HTML。
目标为创建更简单的web程序，书写更简洁的HTML代码。
全新的互联网通用标准。
仍处于完善之中，支持以下浏览器：国外：Firefox，IE9及以上，Chrome，Safari，Opera等。国内：傲游，360、搜狗、QQ、猎豹等。
HTML5 语法变化
HTML的语法是在SGMAL语言的基础上建立的。SGMAL语法非常复杂，很多浏览器不包括SGMAL分析器。
虽然HTML基本上遵从SGMAL的语法，但对于HTML的执行在各浏览器之间没有一个统一的标准。
因此，HTML5需要重新定义一个统一的标准。
HTML5 DOCTYPE声明
HTML4中DOCTYPE声明需要写<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
HTML5只需要写<!DOCTYPE html>即可。
也可以加入SYSTEM标识符<!DOCTYPE HTML SYSTEM "about:legacy-compat">
HTML5 字符编码
HTML4中字符编码需要写<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
HTML5只需要写<meta charset="UTF-8">
两种方法都可以但不可以即使用charset指定，又使用content指定。
HTML5 与之前版本的HTML兼容
不允许写结束标记的有 area base br col comman embed hr img input keygen link meta param source track wbr 如：<br> </br>这是错误的应该为:<br />也可以延用<br>
可以省略结束标记的有 li dt dd p rt rp optgroup option colgroup thead tbody tfoot tr td th 如：<body></body>结束可不写，默认以隐藏的方式存在。document.body依然可以访问。
可以省略全部标记的有 html head body colgroup tbody 默认会追加。
Boolean属性值如checked disabled等只写属性不写值时为true 不写为flase 值为属性名时为true 为空时也为true
简写属性值 input type=text可以省略双引号单引号
这一点达到了兼容以前的HTML4，但是却不符合XHTML1.0标准使代码编写简单，可读性不高不推荐
HTML5新增的元素
结构元素
section 一个内容区块。
article 与上下文不相关的独立内容。
aside 与article内容相关的辅助信息。
header 页面的标题。
hgroup 与header结合使用。
footer 脚注。
nav 导航。
figure 独立单元。
其他元素
video 播放视频。
audio 播放音频。
embed 多媒体。
mark 突出高亮的文字。
progress 运行中的进程。
time 日期时间。
ruby 中文注音或字符。
rt 解释发音。
rp 不支持ruby时显示内容。
wbr 宽度不够时换行。
canvas 画布。
command 命令按钮如：单选，复选框，按钮。
details 细节信息。
datalist 可选数据列表，与input配合使用。
datagrid 可选数据列表。树形列表显示。
keygen 生成密钥。
output 脚本输出。
source 媒介元素。
menu 菜单列表，列出表单控件。
input元素的类型
email 必须输入E-mail地址的文本框。
url 必须输入URL地址的文本框。
number 必须输入数字的文本框。
range 必须输入一定范围内数字值的文本框。
Date Pickers date年月日，month年月，week年和周，time小时和分钟，datetime年月日UTC时间，datetime-local年月日本地时间。
HTML5废除的元素
可用CSS代替的元素：basefont big font s strike tt u
只支持iframe 不再支持框架集：frameset frame noframes
部分浏览器支持的元素：applet bgsound blink marquee
其他元素：rb acronym dir isindex listing xmp nextid plaintext
HTML5新增的属性
input type=text select textarea button 可以指定autofocus属性默认获得焦点。
input type=text textarea 可以指定placeholder属性，提示文本。
input output select textarea button指定form属性，声明所在表单，然后可以将其放在任何位置。
input type=text textarea 可以指定required属性提示必填内容。
input 新属性 autocomplete、min、max、muliple、pattern与step等。
input button form 可以指定novalidate属性，可以取消所有的检查无条件提交form。
a area 增加media属性规定目标URL是什么类型的媒介/设备进行优化的。
ol 增加reversed属性倒序显示。
meta 增加charset属性设置字符编码。
style 增加scoped属性规定样式作用范围。
script 增加async属性规定脚本是否异步执行。
iframe 增加sandbox seamless srcdoc 提高页面安全性，放置不信任web页面执行操作。
HTML5全局属性
contentEditable属性允许用户编辑元素 bool值 true flase。
designMode 属性整个页面是否允许编辑。值 on可编辑 off不可编辑。
hidden 属性是否可见，true不可见,false可见。
spellcheck属性 input textarea 对输入的内容进行检查。true false;
tabindex属性按tab时访问页面元素，值为-1时，不允许如此访问。

0 0