建站常识
HTM5网站特点
2016-02-13 23:58:02
HTML5和html4的区别主要在于html5是新颖的网页开发标准,html5拥有很多新的标签和属性,在目前浏览器的新颖版本基本都是支持的,不过通常来说将老板的html4网站升级为html5版本也并不是那么容易的,工作量可能和重新进行一个青岛网站建设html5的相差无异,下面主要是介绍一些html5和html4的一些主要区别:
1、简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写<!doctype html>,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。
2、HTML5标准还在制定中
这头一个不同之处显而易见,但非常重要,我需要先从它开始。也许你已经注意到了关于HTML5很酷的言论到处都是,但是事实情况是,HTML5是一个还未完成的标准。HTML4已经有10岁了,但它仍是当前正式的标准的事实没有改变。
另一方面,HTML5仍处在早期阶段,以后的修改会不断的出现。你必须考虑到这些,因为你在网站上使用的这些新增加或修改的网页元素会每年都出现一 些变化,你需要不停的更新升级你的网站,这可不是你希望的。这就是目前为止,你最好在产品里使用HTML4,只在实验里使用HTML5的原因。
3、一个替代Flash的新 <canvas> 标记
对于Web用户来说,Flash既是一个惊喜,也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着 要花几年时间加载和运行的臃肿的Flash视频的人来说,用新的 <canvas> 标记生成视频的技术已经到来。
目前, <canvas> 标记并不能提供所有的Flash具有的功能,但假以时日,Flash必将从web上淘汰。我们拭目以待,因为很多人还并不认同这种观点。
4、新的 <menu> 和 <figure> 标记
新的<menu>标记可以被用作普通的菜单,也可以用在工具条和右键菜单上,虽然这些东西在页面上并不常用。
类似的,新的 <figure> 标记是一种更专业的管理页面上文字和图像的方式。当然,你可以用样式表来控制文字和图像,但使用HTML5内置的这个标记更适合。
5、新的 <header> 和 <footer> 标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些<header> 和<footer> 等新标记的出现,它们是专门为标志网站的这些部分设计的。在开发网站时,你不在需要用<div>标记来标注网页的这些部分。
6、新的 <section> 和 <article> 标记
跟<header> 和 <footer>标记类似,HTML5中引入的新的<section> 和 <article> 标记可以让开发人员更好的标注页面上的这些区域。
据推测,除了让代码更有组织外,它也能改善SEO效果,能让搜索引擎更容易的分析你的页面。
7、新的 <audio> 和 <video> 标记
新的<audio> 和 <video> 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称,它们是用来嵌入音频和视频文件的。
除此之外还有一些新的多媒体的标记和属性,例如<track>,它是用来提供跟踪视频的文字信息的。有了这些标记,HTML5使Web2.0特征变得越来越友好。问题在于,在HTML5还未被广泛的接受之前,Web2.0还是老的Web2.0。
8、不再使用 <b> 和 <font> 标记
对我个人来说,这是一个让我不太理解的改动。我并不认为去除 <b> 和 <font>标记会带来多大的好处。我知道,官方的指导说这些标记可以通过CCS来做更好的处理,但这样一来,为了在文章一两个地方出现的这 种标记,你就需要在独立的css和文本两个地方来实现这一的功能,岂不笨拙。也许我们以后会习惯这种方法。
9、不再使用 <frame>, <center>, <big> 标记
事实上,我已经记不清曾经何时用过这些标记了,所以,我并不为去除这些标记感到悲哀。相同的原因,有更好的标记能实现它们的功能——这很好,任何作废的标记从标准中剔除都是受欢迎的。
10、全新的表单设计
新的 <form> 和 <forminput> 标记对原有的表单元素进行的全新的修改,它们有很多的新属性(以及一些修改)。如果你经常的开发表单,你应该花时间更详细的研究一下。
以上这些是html5和html4的一些主要区别,还有其他很多差异例如修改了<ol> 标记的属性,让它能够倒排序,对<u>标记也做了修改。html5作为一个尚在规范中的标准来说,每年都会有新的属性出现,加上国内很多用户的浏览器版本还停留在IE78等低版本上,低版本的浏览器对html5的支持基本就是悲剧,所以html4的标准在以后的几年内仍然还会被广泛的应用到青岛网站设计,相信随着html5的完善和浏览器的升级,html5会被更多的用户接受。
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2012-11-30 17:43:19] 如何协调用户体验与网站构架的关系
- [2011-12-18 10:36:52] IE自动升级策略来自不肯升级IE6的用户
- [2020-07-29 14:02:26] 青岛网站设计、网站内页设计需要提供什么资料?
- [2014-07-15 22:48:47] 国外优秀的网站设计欣赏
- [2014-05-28 00:36:54] 微信社交圈营销行为泛滥 清理迫在眉睫
- [2019-03-21 09:17:09] 青岛网站建设基础知识
- [2012-10-16 10:41:12] 什么是响应式网站设计
- [2014-05-23 14:47:33] 微信网站如何自定义菜单和微官网
- [2020-11-25 15:03:59] 青岛网站建设时如何选择图片?
- [2014-09-12 22:49:52] 85个国外扁平化网站设计之灵感来源于此
- [2016-02-14 23:01:22] 响应式网站在企业网站中的应用分析
- [2012-12-28 12:54:35] 扁平化设计在网站制作上的应用
