本文摘自PHP中文网,作者无忌哥哥,侵删。
1.HTML5是什么一般广义而言,HTML5则包含了HTML、CSS和JavaScript三个部分,而不只是第一印象仅仅HTML部分而已,在CSS 3和JavaScript层面也有许多的创新,让整个网页从布局到处理都更加给力,新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实。
HTML 是 HyperText Markup Language 超级文本标记语言的缩写,是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。
从第一版的出现到现在,HTML 已经经历了5次的改版,从 HTML 2.0到 HTML 5,HTML 用自身的优势证明了其在网站中的优势,以至于替代了古老的C语言编程来架构部分网站。
2.为什么要用HTML5
THML5在布局上更得体,记得以前的主流table过渡到主流div;今的布局对搜索引擎更加友好,比如<article>内总是会包含文章内容,而nav是导航信息;HTML5的移动手机支持也日趋完善,兼容移动端可是一个简单概念。
虽然多网合一,兼容问题永远存在,布局适配也是一门技术活;另外在Pad等其他客户端也发挥着越来越重要的优势。
3.HTML5的基本结构
HTML 用来组织网页的结构,就像人类的骨架一样。首先你要做的是学习它的语法以及与它相关的所有内容。重点要学习的内容如下:
学习基础知识及如何编写语义化的 HTML,了解页面的各个部分,并且学会如何正确地构建 DOM。
任务――学习完 HTML 的基础知识后,请至少动手编写 5 个 HTML 页面。我的建议是可以选择任何网站的页面,例如可以尝试去编写任何一个 Github 配置页面或者 Twitter 的登录页面,而且要确保结构是正确的。
虽然完成的页面看起来很丑,但是暂时还不用着急,现阶段的重点是学会编写正确的结构。
目前而言,主流的网页浏览器Firefox 5、Chrome 12和Safari 5都已经支援了许多的HTML5标?剩?而且目前最新版的IE 9也支援了许多HTML5标?省?
随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以着手开发,兼容性问题会随着时间的推移而越来越少。
以上就是没有经验如何快速上手HTML5的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
介绍HTML5+canvas调用手机拍照功能实现图片上传(下篇)
(server-sent events)浅谈h5 中的服务器推送事件
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者