自学HTML5,基础入门篇

 

认识HTML5和HTML4在架构上有很大的不同,但是基本的标记语法并没有很大的改变,下面我们来了解一下HTML5和HTML4的差异。

广义的HTML5除了本身的HTMl5标记外,还包含CSS3与javascript。为配合css语法,HTML5在架构与网页排版美化方面的标记做了很大的更改,但是基本的标记语法并没有大的改变。下面列出几项HTML4和HTML5的较大差异,请参考!

语法简化

1.HTML,XHTML的DOCTYPE,html,meta,script等标记,在HTML中有大幅度的简化。

统一的网页内嵌影音的语法

以前播放影音时,需要使用ActiveX或Plug-in的方式来完成,例如 YOU Tube影音需要安装Flash Player,苹果网站的影音则需要安装QuickTimeplayer。HTML5之后使用<video>或<audio>标记播放影音,不需要安装额外的外挂了。

新增<header>,<footer>,<section>,<article>等语义标记

为了让网页的可读性更高,HTML5 增加了<header>,<footer>,<section>,<article>等标记,明确了网页的结构,这样搜索引擎就能轻易的抓到网页的重点,对于SEO有很大的帮助。

全新的表单设计

对于网页的程序设计者来说,表单是最常见的功能,在这方面HTML5做了很大更改不但新增几项新的标记,原来的<form>标签也增加了许多属性。

利用<canvas>标签绘制图形

HTML5新增了绘图功能<canvas>,利用它可以搭配JavaScript语法在网页上画出线条和图形

提供API开发网页应用程序

HTML5提供了多种API供设计使用,例如Web SQL Database,让设计者可以脱机访问客户端的数据库,当然,要使用这些API,就得熟悉JavaScript语法。

创建HTMl文件

学习html不需要昂贵的硬件与软件设备,只要准备好两个基本工具就好

1.浏览器,IE,Google Chrome或者火狐浏览器

纯文本编辑软件

HTMl是标准的文件格式,任何一种纯文本编辑软件都可以编辑HTMl文件,例如记事本