html5与html4的区别及html5在移动互联网中的应用(附完整ppt)
(原创)html5在移动互联网中的应用完整版本ppt下载: http://kuai.xunlei.com/d/CKSONJATBFJA
html5的发展历程:
1. 2004年WHATWG(Web Hypertext Application Technology Working Group)提出Web Applications 1.0草案。
2. 2007 Web Applications 1.0被w3c接纳,并命名为html5。
3. 2008年发布第一份正式草案
4. 预计2012年推出建议候选版。
5. 2022年才能成为w3c的推荐标准
html5与html4的区别:
1. 文件类型声明
5: <!DOCTYPE HTML>
4: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2. 编码设置
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3. 可以直接嵌入MathML和SVG
4. 新的解析规范
5. 移除一些无用的标签
big, center, font, acronym, applet, basefont, dir, frame, frameset, isindex, noframes, strike, tt
html5与html4在新元素方面的区别:
一、更好的结构化、语义化,引入下面这些元素
section 代表一个通用的文件或应用部分。它可以和 h1, h2, h3, h4, h5, 及 h6 元素同时使用来表明文档的结构。
article 代表了一个文档内容的独立片段,比如博客条目或报纸文章。
Aside 代表了一段与页面的其余部分稍稍相关的内容。
hgroup 代表一个部分(section)的头(header)。
header 代表一组介绍或导航辅助。
footer 代表一个部分(section)的尾(footer)并可以容纳关于作者、版权等信息。
nav 代表了用于导航目的的文档的一部分。
figure 代表一个独立的流内容片段,通常作为一个文档主流的独立单元。
<figure>
<video src="example.webm" controls></video>
<figcaption>Example</figcaption>
</figure>
figcaption 被用作标题 (它是可选的).
二、增强功能的新元素
video 、audio 用于多媒体内容。两者都提供了一个API使得作者可以编写他们自己的用户界面,但也有一种方法触发由 用户代理提供的用户界面。
track 提供了video 元素的文本轨道。
embed 用于插件内容。
mark 代表一连串文档中用作参考的被备注和高亮的文本,由于其在另一个上下文相关。
progress 代表一个任务完成度,比如下载或者执行一系列耗时的操作。
meter 代表一个度量,比如磁盘使用情况。
time 表示日期和(或)时间。
bdi 代表从其周围独立出来的一段文本,目的是要使用双向文本格式。
wbr 代表一个换行时机。
canvas 用来渲染即时创建的动态位图,比如图表和游戏。
command 代表一个用户可以调用的命令。
summary 元素提供了它的摘要,说明或标题。
details 代表用户可以按需获取的额外的信息或控制。
datalist 与 input 的新属性 list 一起使用可以创建下拉框:
<input list="browsers">
<datalist id="browsers">
<option value="Safari">
<option value="Internet Explorer">
<option value="Opera">
<option value="Firefox">
</datalist>
keygen 代表了密钥对的生成控制。
output 代表了一些输出类型,比如表单里的通过脚本的计算结果。
更多区别请参考我提供的ppt,里面完整的列出来了
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库