【HTML5学习】 HTML5 入门简介

Micah2015年08月07日 10:50 分类 : Web前端  > HTML
阅读: 1964

分享到微信朋友圈

自从2010年HTML5正式推出以来,它就以一种惊人的速度迅速推广着,各主流浏览器对于HTML5也表现出热烈的欢迎、积极的支持。

自从2010HTML5正式推出以来,它就以一种惊人的速度迅速推广着,各主流浏览器对于HTML5也表现出热烈的欢迎、积极的支持。

Html5学习,Html5教程

以下是 HTML5中的一段代码:

<header> 头部 </header>
<nav> 导航 </nav>
<aritcle> 内容 </aritcle>
<aside> 广告 </aside>
<footer> 底部 </footer>

从新的标签中可以看出 HTML5 对于HTML4的标签的修改对于模块的区分更明确了。

HTML5的目标

 

HTML5的目标是为了能够创建更简单的Web程序,为了使HTML变得更简洁,开发出了新的属性,新的元素。

HTML5之前有很多功能必须依靠 Javascript 脚本语言才能实现,现在只要使用元素的属性标签就可以实现了,这样页面简洁,容易理解。不但如此,HTML5使页面结构也变得清楚明了,使用上面代码所提到的更加语义话结构标签,书写出来的界面结构显得非常清晰。

 

HTML 4例:

<form>
	<lable> serach </lable>
	<input type=”text” name=”serach”id=”search” />
	<script type=”text/javascript”>
		Document.getElementById(‘search’).focus();
	</script>
</form>

HTML5 例:

<form>
	<lable> serach </lable>
	<input type=text name=serach autofocus>
</form>

HTML 5很快被大家认可的理由

 

1、浏览器厂商对HTML5 的支持

    HTML5 从被业界承认并且大面积的推广使用,这些使HTML5正式地大规模地投入应用的可能性相当高。

Internet ExploreGoogleFirefoxSafariOpera 等主要Web浏览器对HTML5的支持来看

l  微软:2010316日,微软称,IE9完成开发后,讲更多支持CSS3SVGHTML5的互联网浏览通用标准。

l  Google2010219日,谷歌将放弃对Gears浏览器插件项目的支持,以此重点开发HTMl5项目。

l  苹果:201067日,苹果发布Safari5 ,这款浏览器支持10个以上的HTML5新技术。

l  Opera201055日,Opera软件公司首席执行官Hakon Wium Lie 认为,HTML5CSS3 将是全球互联网发展的未来趋势,目前包括Opera在内的很多浏览器厂商,都在研发HTML5相关产品,Web的未来属于HTML5

l  Mozilla: 20107月,从Mozilla基金会即将发布的Friefox 4中的官方文档来看,Firefox 4 HTML5是完全级别的支持。

 

从上述来看,目前这些浏览器都纷纷地朝着支持HTML5,结合HTML5 的方向迈进着,因此HTMl5已经被广泛使用。

 

 

2、时代的要求、Internet Explorer 8

    现在的时代迫切地要求有一个统一的互联网通用标准。HTML5之前的情况,由于各个浏览器之间的不统一,只是修改浏览器之间的兼容而引起的bug就浪费了大量时间。而HTML5的目标就是将Web带入一个成熟的 应用平台。

    Internet Explorer 也积极地朝着支持HTML5的方向迈着,新推出的IE8 宣称遵从互联网通用标准,并且开始在IE8里支持HTML 5

 

HTML5 放心使用的前提

 

Web开发者最担心的是新技术推出时由于其不成熟所产生的问题,如果能够实现互联网通用标准,可以避免各浏览器之间的不统一。虽然Web开发者普遍认为HTML5是比较好的,但是还是会担心HTML5‘会不会不兼容老版的浏览器’,‘会不会有bug’等问题,但是可以很放心的说,HTML5会像CSS刚开始普及时一样不会存在什么问题。

 

放心使用的三大理由:

l  兼容性:HTML5 是兼容老版本的浏览器。

l  实用性:HTML5 内部没有封装什么复杂的,不起实际的功能,而是简单实用的功能。

l  非革命性的发展:HTML5 内部功能不是革命性的,是发展性的。

 

以上三点就是“HTML设计原则”,HTML5也是以该设计原则为基本原则而开发出来的,各主流浏览器使用HTML5 的前提也是要求 HTML5 符合这些原则,今后也将以其为前提来支持HTML5

 

HTML5 发展要解决的三个问题

 

HTML 5 的出现,对于Web来说意义重大,它的意图是想要把目前Web上存在的各种问题一并解决掉,它是一个企图心比较强大的HTML 版本。

 

1、 Web浏览器之间的兼容性低

Web浏览器之间存在“规范不一”,这个原因就是没有标准化。

HTML 5中,它详细分析各个Web浏览器所具有的功能,然后以此为基础,要求这些浏览器所有的内部功能都要符合一个标准。

如果各个浏览器都符合通用标准,今后Web开发者开发出来的Web只要符合通用标准,那么程序在各个浏览器上都能运行的可能性就大大提高了。

2、 文档结构不明确

HTML5 之前一般都是<div>元素来布局的,这样导致 “标题”,“正文”等很不容易分辨,这就导致对结构分析来说就很难了。

HTML5 中为了解决这个问题,追加了很多跟结构相关的元素。不仅如此,还包含了包括微格式、无障碍应用在内的各种各样的周边技术。

3、 Web应用程序的功能受到了限制

HTMLWeb应用程序的关系十分微弱,一般以来HTML真正所作出的贡献是很少的,譬如说就连上传文件时想选择一个以上的文件都做不到,

为了弥补这些不足,HTML 5 已经开始提供各种Web应用上的心API,各浏览器也在快速地封装着这些APIHTML5 已经使富Web应用的实现变成了可能。



Micah
IT技术整理

精彩评论:0

还可以输入250个字 评论

评论成功

评论失败

 

微信公众号

微博