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

来源：互联网发布：网络女主播大尺度直播编辑：程序博客网时间：2024/05/04 10:33

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>

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

1 0