HTML5介绍,什么是HTML5

什么是HTML5?

HTML5是HTML的新一代标准。以前版本的HTML标准4.01发布于1999。 自1999年以后,web已经有了翻天覆地的变化。

实际上HTML5仍旧是开发中的一个标准。但是很多主流的浏览器都开始支持HTML5的元素和部分API。

如何使用HTML5?

实际来说HTML5是World Wide Web Consortium(即W3C)和Web Hypertet Application Technology Working Group(WHATWG)的协作和合作的产物。

WHATWG主要负责web表单和应用,而W3C负责XHTML2.0。在2006年,他们决定开始合作开发新一代的HTML标准。

HTML5中遵循如下一些规则:精心开发5年的UI前端框架!

  • 新的特性基于HTML,CSS,DOM和Javascript
  • 减少对于外部插件的依赖,例如,Flash
  • 更多的Markup取代Scripts
  • HTML5与设备无关
  • 开发流程对于公众公开

HTML5的Doctype

在HTML5中这里只有一个doctype申明,简单并且清楚,如下:

<!DOCTYPE html>

最小的HTML5文档

<!DOCTYPE html>
<html>
 <head>
 <title>文档标题,例如, GBin1.com</title>
 </head>
 <body>
    文档内容区域,可以包含标签内容
 </body>
</html>

HTML5 - 新特性

包含了新特性如下:精心开发5年的UI前端框架!

  • 包含了2D绘图元素<canvas>
  • 支持了多媒体标签,如,<video>和<audio>
  • 支持本地存储,可以作为cookie的替代特性
  • 新的元素,如,<article>,<footer>,<header>,<nav>,<aside>,<section>等。
  • 新的表单控制元素,日历,日期,时间,url,搜索等

浏览器的HTML5支持

HTML5目前不是一个官方发布的标准,没有那个浏览器目前完全支持HTML5。.

但是大多数的现代浏览器都支持并且添加支持HTML5的特性到最新的浏览器版本中。

主要浏览器:

  • IE
  • Safari
  • Firefox
  • Chorme
  • Opera
时间: 2024-08-08 17:43:42

HTML5介绍,什么是HTML5的相关文章

HTML5学习笔记(1):HTML5介绍与语法

HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分析,同时更好地帮助小屏幕装置和视障人士使用,除此之外,也提供了一些新的功能,比如视频音频用的<video>和<audio>,总结而言,有如下几大特点: 取消了一些HTML4里过时的元素和属性标记 其中包括纯粹显示效果的标记,如<font>和<center>,它们

HTML5学习笔记简明版(1):HTML5介绍与语法

HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(比如<nav>站点导航块和<footer>).新型的标签有利于搜索引擎和语义分析,同一时候更好地帮助小屏幕装置和视障人士使用.除此之外,也提供了一些新的功能,比方视频音频用的<video>和<audio>,总结而言.有例如以下几大特点: 取消了一些HTML4里过时的元素和属性标记 当中包含纯粹显示效果的标记,如<font>和<center>

Html5之高级-7 HTML5 Chart.js(概述、入门、使用)

一.Chart.js 概述 Chart.js 简介 - Chart.js 是一个简单.面向对象.为设计者和开发者准备的图表绘制工具库 - 官方地址: http://www.chartjs.org/ Chart.js 特点 - 基于 HTML 5 - Chart.js 基于 HTML5 canvas技术,支持所有现代浏览器,并且针对IE7/8提供了降级替代方案 - 简单.灵活 - Chart.js 不依赖任何外部工具库,轻量级(压缩之后仅有4.5k),并且提供了加载外部参数的方法 Chart.js

HTML5动画软件工具编辑器 HTML5动画分类 工具推荐

接下来介绍几款制作HTML5动画的工具,它们可以分为几类: 1.导出canvas动画: Flash CC(13.1).Animation.Radi 2.导出DIV+CSS3动画: HTML5 Maker.Edge Animation.Tumult Hype.Nodefire 3.导出SVG动画: Hippo 基本上所有工具导出的动画都会依赖一个独立的js库,这个库用于解析数据,展示动画.而其中两个工具(Radi和Hippo)就比较突出,它们并不依赖独立js库,而是把必须的最精简的js直接内嵌到H

Html5之高级-9 HTML5 Two.js(概述、入门)

一.Two.js 概述 Two.js 简介 - Two.js 是一个面向现代 Web 浏览器提供绘制二维图形的 API ,它允许使用不同的上下文,而使用相同的 API 进行绘制 - Two.js 所支持的上下文: - SVG - Canvas - WebGL - 官方地址: http://jonobr1.github.io/two.js/ Two.js 特点 - 专注于矢量图: - Two.js 是深度实现具有动画效果的矢量图 - Two.js 致力于更简洁地创建矢量图及动画效果 - Two.j

Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)

一.在 HTML5 中播放视频 在 HTML5 中播放视频 - HTML5 中提到最多的是视频处理,视频也是互联网中的重要应用.在HTML5中,增加了一个元素,以便在HTML文档中插入和播放视频,这个元素就是video元素 - video元素提供了播放.暂停和音量控件来控制视频,也提供了width和height属性控制视频的尺寸.如设置的高度和宽度等. - 使用video元素至少要提供两种视频格式的文件: OGG和MP4 - OGG: 包含Theora 视频和 Vorbis 音频解码器 - MP

Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)

一.在HTML5中播放音频 audio 元素 - audio元素可以实现在HTML页面中嵌入音频内容,该元素的属性可以设置是否自动播放.预加载及循环播放等 - audio元素提供了播放.暂停和音量控件来控制音频 - 使用audio元素提供三种音频格式的文件:MP3.Ogg.Wav - MP3: 采用mpeg音频解码器 - Ogg: 采用ogg音频解码器 - Wav: 采用wav音频解码器 - 语法结构 audio 属性 - audio 元素支持以下属性 - src: 指定播放文件的URL,可通过

Html5之高级-8 HTML5 SVG(概述、元素)

一.SVG 概述 SVG 概念 - SVG (Scalable Vector Graphics) 是一种使用XML技术描述二维图形的语言 - SVG 可以使用三种方式描述二维图形 - 矢量图 (vector graphic shapes),例如直线或曲线构成的路径 - 图片(images) - 文本(text) SVG 优势 - SVG 可通过文本编辑器来创建和修改 - SVG 可被搜索.索引.校本化和压缩 - SVG 可在任何的分辨率下被高质量地打印 - SVG 可在图像质量不下降的情况下被放

Html5之高级-2 HTML5表单属性(属性介绍、属性详解)

一.属性介绍 属性介绍 - 有一些输入类型要求使用特定的属性才能显示效果,如前面提到过min,max,step. 其他输入类型需要使用一些属性来改进其他性能,或者决定验证过程的重要性.HTML5 标准中再原来的基础上增加了一些新的属性. - Placeholder 属性 - Nultiple 属性 - Autofocus 属性 - Form 属性 二.属性详解 Placeholder 属性 - Placeholder 属性通常用于search输入类型,也可以用在文本域.它表示一个简单提示.单词或