欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML5 >

自学HTML5,基础入门篇

 

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

自学HTML5,基础入门篇

  1. 广义的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或者火狐浏览器

  2. 纯文本编辑软件

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

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h50903.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-09-29 22:18 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。