自学HTML5,基础入门篇

2019-09-07 郑州网站建设  

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

自学HTML5,基础入门篇

广义的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>等标记,明确了网页的结构,这样搜索引擎就能轻易的抓到网页的重点,对于网站优化有很大的帮助。

全新的表单设计

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

利用<canvas>标签绘制图形

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

提供API开发网页应用程序

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

创建HTMl文件

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

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


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1090.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • 架构
  • 认识
  • HTML4
  • 很大