HTML5 是什么

1. 简单的看看 HTML 是什么

HTML 英文全称为 Hyper Text Markup Language,即超文本标记语言。HTML5 是 HTML 的一个新版本。HTML 不是一种编程语言,而是一种标记语言(markup language)。

HTML 是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。

HTML 之所以称为超文本标记语言,是因为文本中包含了所谓的“超级链接”点。所谓超级链接,就是一种 URL 指针,通过点击它可使浏览器方便地获取新的网页。

网页的本质就是 HTML,HTML 是 Web 编程的基础。

2. 为什么 HTML5 最近广受关注呢

HTML5 提供了一些新的元素和属性,如:<nav>(网站导航块)、<footer>。这种标签将有利于搜索引擎的索引整理,同时更好地帮助小屏幕装置和视障人士使用。除此之外,还为其他浏览要素提供了新的功能,如:<audio>、<video>标记。一些过时的 HTML4 标记将被取消,其中包括纯粹显示效果的标记,如:<font>、<center>,它们已经被 CSS 取代。

3. 标准改进

3.1 改善文档结构。

新的 HTML 标签 header、footer、dialog、aside、figure 等的使用,将使文档更加语义化。

3.2 内容和展示分离。

b 和 i 标签依然存在,但只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体样式。u、font、center、strike 这些标签则被完全去掉了。

3.3 全新的表单输入对象,包括日期、URL、Email地址,其它的对象则增加了对非拉丁字符的支持。

3.4 全新的、合理的标签。

多媒体对象将不再全部绑定在 object 或 embed 标签中,而是视频有视频的标签 —— <video>,音频有音频的标签 —— <audio>。

3.5 本地数据库。

这个功能将内嵌一个本地的 SQL 数据库,以加速交互式搜索,缓存以及索引功能。同时,那些离线 Web 程序也将因此获益匪浅,不需要插件的富动画。

3.6 Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力。

这意味着可以脱离 Flash、Silverlight,直接在浏览器中显示图形或动画。一些最新的浏览器,除了 IE,已经开始支持 Canvas。

3.7 浏览器中的真正程序,将提供 API 实现浏览器内的编辑,拖放,以及各种图形用户界面的能力。

4. 与 HTML4 的不同之处

4.1 新的解析顺序新的元素

section、video、progress、nav、meter、time、aside、canvas

4.2 input 元素的新属性

日期和时间、email、URL

4.3 新的通用属性

ping、charset、async

4.4 全域属性

id、tabindex、repeat

4.5 移除元素

center、font、strike

5. HTML5 的部分标记异常处理

HTML5 在设计时保证旧的浏览器能够安全的忽略掉新的 HTML5 代码。与 HTML4.01相比,HTML5 给出了解析的详细规则,力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。

6. HTML5 正在改变 Web

HTML5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画,以及同电脑的交互都被标准化。

7. 程序接口

除了原先的 DOM 接口,HTML5 增加了更多 API,如:

7.1 用于即时 2D 绘图的 Canvas 标签

7.2 定时媒体回放

7.3 离线数据库存储

7.4 文档编辑

7.5 拖拽控制

7.6 浏览历史管理

8. 事件属性

HTML5 元素可拥有事件属性,这些属性在浏览器中触发行为。

HTML5 中的新事件属性:onabort,onbeforeunload,oncontextmenu,ondrag,ondragend,ondragenter,ondragleave,ondragover,ondragstart,ondrop,onerror,onmessage,onmousewheel,onresize,onscroll,onunload。

9. 标签列表

内容太多,独立成文。

10. 用 HTML5 开发移动应用需要知道的一些东西

HTML5 很像 HTML,只是更高级一些。如果没有 JavaScript 和 CSS,HTML5 就什么也不是了。设备检测、脱机数据、JavaScript 工具、测试、调试和主题这些问题都需要方便的手头工具来解决。

时间: 2024-10-14 04:41:25

HTML5 是什么的相关文章

HTML5新增Canvas标签及对应属性、API详解(基础一)

知识说明: HTML5新增的canvas标签,通过创建画布,在画布上创建任何想要的形状,下面将canvas的API以及属性做一个整理,并且附上时钟的示例,便于后期复习学习!Fighting! 一.标签原型 <canvas width=”1000” height=”1000” id=”myCanvas”> 您的浏览器版本过低,不支持HTML5新增的canvas标签. </canvas> 使用js获取该画布,并指定对象 <script> Var canvasID = doc

HTML5介绍

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. HTML5没有那么难,他是一个非常简单的标记. 三个知识点:THML5/JS/CSS3. 之后是网页框架 C/S 客户端/服务器 B/S 浏览器/服务器 C/S构架的优缺点: C/S架构的模型: C/S架构一旦发生更新,那么成千上万个客户机都要进行更新,如果更新内容比较多,客户机不更新完毕,就无法运行. B/S架构工作原理: B/S架构优缺点: 移动公司都是

Web程序员们,你准备好迎接HTML5了吗?

HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash.QuickTime.Silverlight等插件,也简化了原来需要大量JS才能达到的效果.虽然HTML5还在讨论过程中,但是其优越的特性已经得到了大家的认可,各大浏览器厂商,一些知名的内容发布网站也都是积极地推动, 尤其是即将发布的IE9会完全支持HTML5.作为Web开发人员的我们,需要做的是:如何把HTML5转化为各种Web应用,如何做到现有的Web应用过渡到HTML

了解HTML5大纲算法

实战前的准备工作:了解HTML5大纲算法 在html5中有一个很重要的概念,叫做html5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录.合理的使用HTML5元素标签,可以生成一个非常清晰的文档大纲. HTML5大纲算法 我们可以通过各种工具去查看当前页面,这里推荐使用一个测试工具:HTML5 Outliner,网址如下:https://gsnedders.html5.org/outliner/ 1. 了解一个 section 和 div 的区别 ①div元素

HTML5 &lt;ruby&gt;注释标签

今天学了HTML5的ruby标签,觉得挺有趣的,来记录一下. ruby可以作注释标签,内部有rp和rt标签. <ruby>  标记定义注释或音标. <rp>    告诉那些不支持ruby元素的浏览器该如何显示. <rt>      标记定义对ruby注释的内容文本. 学完这个标签的第一反应就是,我有方法给那些不会读的日语单词做假名注释啦!!! 代码如下,来给一句日语做个小注释: <!DOCTYPE html> <html lang="en&q

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

java springmvc +spring+ mybaits 模块化开发框架 HTML5+css3.0+bootstrap响应式开发界面

需要源码,请加QQ:858-048-581 系统模块 1.   权限管理:点开二级菜单进入三级菜单显示 角色(基础权限)和按钮权限 角色(基础权限): 分角色组和角色,独立分配菜单权限和增删改查权限. 按钮权限: 给角色分配按钮权限. 2.   按钮管理:自定义按钮管理,维护按钮权限标识等 3.   菜单管理:无限级别自定义菜单,自定义菜单图标,业务菜单和系统菜单分离,菜单状态显示隐藏(递归处理) 4.   数据字典:无限级别,支持多级别无限分类.内设编号,排序等 5.   组织机构:无限级别,

HTML5移动开发中的meta与link

meta HTML5移动开发中的一些webkit专属头部标签,能够帮助浏览器更好的解析HTML代码,从而为HTML5移动开发提供更好的前端表现与体验 viewport网页缩放 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> UTF-8编码 1

HTML5学习之离线存储

STORAGE(存储) Cookie 在HTML5技术以前我们会使用 cookie,在浏览器端缓存一些数据,例如:登录用户信息,历史搜索信息等等.但是cookie所支持的容量仅仅只有 4k ,也没有专门的api来操作,只能依赖一些开源的库, 这里使用 cookies.js 存储和获取cookie信息 // 这是一个cookie值 Cookies.set('key', 'value'); // 链式调用 Cookies.set('key', 'value').set('hello', 'world

蓝鸥零基础学习HTML5—html+css基础

蓝鸥零基础学习HTML5-html+css基础 一.课程目标 1.了解前端开发职位:2.掌握常用标签以及语义及用法:3.掌握常用css的特性,掌握基础布局技巧:4.掌握整站规划概念. 二.适用人群 零基础积极学习html5者 三.课程简介 本课程主要讲解了 html+css的基础知识,包括html模板.标签.css基础样式.布局.表格表单.整站等等,是进行前端开发的基础.Html+css是前端开发的基础,大部分前端开发工程都需要从html+css布局开始,html+css的基础非常重要,是前端开