您的位置：首页 > Web前端 > HTML5

【HTML5+css3】学习笔记之html5介绍

2015-11-28 21:40 691 查看

html5实现多媒体支持、交互性、更加智能的表单、以及更好的语义化标记。

html5并不仅仅是html规范的最新版本，而是一系列用来制作现代富web内容的相关技术的总称，其中最重要的三项

技术分别为：HTML5核心规范（标记元素）、css（层叠样式表第三代）、和javascript。

html5相比xhtml2包括：更加强大的css3、表单验证、音频视频、本地存储、

地理定位、绘画（canvas）、web通信等等。

html5三大功能：

1、html5核心：这部分主要由W3C官方的规范组成，涉及新的语义元素、新的增强的web表单、音频和视频、

以及通过javascript绘画的Canvas。这部分大多数主流浏览器均得到很好的支持。

2、曾经的html5标准：这部分主要来自于最初指定的html5规范，其中大部分功能需要javascript且支持

富web应用开发。比如：本地数据存储、离线应用和消息传递。

3、非html5标准：这部分通常指下一代功能，虽然从未进入html5标准，但人们还是会把它认做html5的一部分。

这些包括最为常见的css3，以及很热门的地理定位。

特点：1、向下兼容 2、用户至上 3、化繁为简 4、无插件范式

5、访问通用性 6、引入语义 7、引入原生媒体支持 8、引入可编程内容(javascript)

学好html5要学的知识：

html、xhtml、css、css3、javascript、jquery、html5

HTML5的新特性：

用于绘画的canvas标签

用于媒介回放的video和audio元素

对本地离线储存的更好支持

新的特殊内容元素

如：article、footer、header、nav、section

新的表单控件

如：calendar、date、time、email、url、search

浏览器的支持

Safari、Chrome、Firefox以及Opera包括IE9基本支持了HTML5

环境搭建

1、开发工具

常用：WebStorm、notepad++、Eclipse、text sublime、Dreamweaver等

推荐：Intellij IDEA

快速复制一行：

ctrl+alt+上/下

上下移动

alt+上/下

基础：

1、声明:

html5的声明

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>基本格式</title>
</head>
<body>
</body>
</html>

元素中可以设置多个属性，甚至自定义属性

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航