`

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

0
0
分享到:
评论

相关推荐

    HTML5详细介绍

    - **《HTML5与CSS3基础教程》**:全面介绍HTML5和CSS3的基础知识。 - **《HTML5实战》**:通过实例讲解HTML5的应用技巧。 - **《HTML5高级程序设计》**:深入探讨HTML5的各项高级功能。 - **《HTML5 Canvas实战》**...

    Html5简单介绍,一看就知道什么是html5了

    HTML5是Web开发领域的一次重大革新,它在HTML4的基础上进行了诸多改进和扩展,旨在提供更强大、更灵活的网页交互体验。HTML5不仅关注网页的结构,还强化了内容的表现和处理功能,使开发者能够创建出更具动态性和交互...

    团队介绍html.zip_HTML团队模板_PUDN团队_html团队_html项目介绍_项目团队 html

    这个"团队介绍html.zip"文件提供了一个HTML团队模板,适用于展示多人团队项目和个人介绍,帮助用户快速创建专业且吸引人的在线团队展示页面。PUDN(Programmers University Developer Network)是一个程序员和开发者...

    旅游景区介绍html5模板

    旅游景区介绍html5模板是一款旅行社旅游景点介绍旅游线路规划网站模板下载。

    基于html5的web前端设计(旅游景点介绍)

    【标题】:“基于HTML5的Web前端设计(旅游景点介绍)” HTML5是现代Web开发的核心,它在传统的HTML4基础上引入了许多新特性,增强了网页的交互性和动态性。在这个项目中,我们主要关注如何利用HTML5进行网页设计,...

    html5全屏电影人物介绍图片幻灯片动画特效

    "html5全屏电影人物介绍图片幻灯片动画特效"是一个利用HTML5特性来设计的项目,旨在为电影人物提供一种引人入胜的展示方式。这个项目可能包括了CSS3、JavaScript以及可能的框架如jQuery或Vue.js等,以实现丰富的动画...

    html5权威指南英文版

    - **拖放功能**:介绍HTML5的拖放API,包括如何实现拖拽元素、数据传输等功能。 - **地理位置服务**:探讨如何利用Geolocation API获取用户的地理位置信息,并基于此提供个性化服务。 - **离线应用开发**:介绍如何...

    前端 Html5的介绍

    一个关于入门级别的Html5的简单认识 欢迎大家来观看

    html5全屏滚动大学学校介绍专题页模板.zip

    HTML5全屏滚动大学学校介绍专题页模板是一个适用于移动端的网页设计资源,它结合了现代Web技术,如HTML5,来创建引人入胜的视觉效果和流畅的用户体验。这个模板特别适合大学或学校用于宣传活动、展示学校风貌或介绍...

    HTML和HTML5基础介绍

    HTML5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似和标签,但有一个含义,例如(网站导航块)和 新的解析顺序 新的元素:section, video, progress, nav, meter, time, aside, canvas ...

    Html 5 App 界面模板(HTML5模板)

    HTML5是下一代网页标准,它在原有的HTML4基础上增加了许多新的功能和特性,极大地提升了Web应用的性能和用户体验。HTML5 App界面模板是基于这些新特性的设计,旨在为移动应用或现代Web应用提供流畅、互动且响应式的...

    HTML5 CSS3 3D 足球队队员介绍.rar

    3D 足球队队员介绍,这个是采用CSS3技术实现的效果,HTML5 CSS3三维效果,使用本实例中的效果,使用了googleapis,还自定义了超多的JS类库,以足球场为核心,显示各队员头像,单击头像可显示该运动员信息,并以前峰...

    [HTML5] HTML5 基础教程 英文版

    HTML5 is required knowledge for every professional web designer and developer This book will quickly get you up to speed with the fundamentals of HTML5 and give you the confidence to start ...

    HTML5+CSS3期末大作业——城市简介源码

    在这个“HTML5+CSS3期末大作业——城市简介源码”项目中,学生或开发者将有机会实践这两门技术,构建一个介绍特定城市的网页。 HTML5作为最新的超文本标记语言版本,引入了许多新特性,旨在提高网页的交互性和可用...

    html5的移动开发介绍

    html5 移动开发的介绍ppt,并没什么技术含量,主要是介绍。抛砖引玉只用。

    HTML5 Canvas指标介绍

    HTML5 canvas指标介绍。希望对大家有帮助!

    HTML5课程设计PPT,上机实验报告、HTML5源码

    5. **Canvas与SVG**:介绍Canvas画布用于动态图形绘制,以及SVG(Scalable Vector Graphics)用于矢量图形,两者都是HTML5的重要组成部分。 6. **Web Storage**:讲解localStorage和sessionStorage,用于在浏览器端...

Global site tag (gtag.js) - Google Analytics