没有经验如何快速上手HTML5


本文摘自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的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

h5的localstorage如何在本地存储刷新值

介绍HTML5+canvas调用手机拍照功能实现图片上传(下篇)

如何利用HTML5 canvas旋转图片?(实例演示)

什么是 HTML5

如何使用插件数字滚动插件numberanimate.js?

HTML5需遵循怎样的6个设计原则?

详细介绍HTML5响应式设计实现九宫格的示例代码(图)

HTML5使用dom进行自定义控制

(server-sent events)浅谈h5 中的服务器推送事件

HTML5使用四种方法实现移动页面自适应手机屏幕的方法总结

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...