×

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮

×

打开微信“扫一扫”,关注我们官方微信^_^

梦创义官方微信

首页 > 新闻 > 网页制作 > 为什么使用html5制作网站很好?

为什么使用html5制作网站很好?

2015-07-231022分享

在创建可以通过w3c标准的页面时,html5强调简化标签,仅链接那些我们必需的的CSS, JavaScript和图片文件。智能手机用户只能使用有限的带宽访问我们的页面,而响应式网站设计的一个主要目标就是,网站不仅要对用户有限的视口做出响应,还要以最快的时间加载网页。虽然移除冗余的标签元素只能节省一点字节,但积少成多!

较之上一个版本的HTML(HTML 4.0.1 ),HTML5进行了极大的改进,提供了许多新特性。前端开发工程师可能主要对HTML5的新语义元素感兴趣,这些新元素给搜索引擎提供了含义更加丰富的代码。HTML5也可以在表单提交等基本网页交互场景中对用户做出反馈,一般不再需要复杂的JavaScript表单处理流程。同样,这为我们的响应式设计来带来的好处就是,允许我们创建更加简洁和快速的代码。

HTML文档的第一行都是使用Doctype(文档类型声明)开头。老实说,这段代码一般都是由代码编辑器自动生成或者是从模板文件中粘贴过来的(没人会真的手工敲出完整的HTML 4.01文档类型声明吧?)。标准的HTML4.01网页的文档类型声明如下所示:标准的HTML4.01网页的文档类型声明

如今在HTML5中,则化繁为简:

<!DOCTYPE html>

如前所述,我写页面的时候从来不会手工敲出文档类型声明,我猜你也不会。一那你嚷嚷半天有什么实际意义?不要着急,还得往页面中链接JavaScript或CSS文件呢。在HTML 4.01中,链接一个脚本文件的正确方法如下:

<script src="js/jquery一1.6.2.js" type="text/javascript"></script>

HTML5中变得更简单:

<script src="js/jquery一1.6.2.js"></script>

如你所见,type属性不再是必需的。链接CSS文件与此类似。HTML5也接受非常松散

的语法。如,<sCRipt Scr=js/jquery-1.6.2.js></script>和之前所举例子一样有效,尽管我们省略了脚本源文件地址两边的引号,而且标签和属性名大小写字母混用,但HTML5并不介意,这样的代码照样能够通过W3C的HTML5验证工具的验证。如果你在写代码时容易丢三落四,这或许是个好消息。

如果你想从代码中剔除每一个可能多余的字符,这点尤其有用。在代码编写方面还有很多细节可以让我们的工作更加轻松从容,但我猜你一定期待HTML5更多的精彩内容。

相关文章:

浅谈响应式网站前端设计

响应式平台实现网站建设DIY

网站设计案例

  • 基于用户创新

    界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……

  • 服务设计思维

    互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……

  • 洞察用户心理

    洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……

  • 查看更多 >>

最新新闻Latest News

解读网站结构对收录有什么影响?
这个网站建设市场里,一些企业的网站并不重视网站的内容结构。像内容标……
细谈网建中需注意的一些错误
建一个什么样的网站,是能帮企业来获得成功?对于网站的搭建,这里面是……
建站时需准备什么材料
建一个什么样的网站,是能帮企业来获得成功?对于网站的搭建,这里面是……
提高营销型网站PR值的方法是什么?
就在制作网站时有一个工作重点,便是来快速提高网站的PR值。当然来做营……
静态网页设计的一些特点
网页可以分为静态页面与动态页面两种,但如想网站有很好的排名,也被搜……


ABOUT US

北京梦创义科技有限公司是中国网络新生代的杰出代表。
MCY是由从事多年互联网界研究的海外归国人员于2007年创办,由国内丰富经验的网络工程师与国内外的知名设计师组成,立足北京。

Contact information

手机:13910811300
电话:010-52661970
传真:010-82694569

网址:www.mcykj.com
邮箱:13910811300@126.com
朝阳一部:朝阳区紫芳路九号院广顺园2号楼2605A
海淀二部:回龙观黄平路19号院泰华龙旗广场E座1212室(距西三旗桥2公里,8号线育新站海淀昌平交界)

北京梦创义网站建设的logo

Copyright 2008 ASAweb company. All rights reserved.