在创建可以通过w3c标准的页面时,html5强调简化标签,仅链接那些我们必需的的CSS, JavaScript和图片文件。智能手机用户只能使用有限的带宽访问我们的页面,而响应式网站设计的一个主要目标就是,网站不仅要对用户有限的视口做出响应,还要以最快的时间加载网页。虽然移除冗余的标签元素只能节省一点字节,但积少成多!
较之上一个版本的HTML(HTML 4.0.1 ),HTML5进行了极大的改进,提供了许多新特性。前端开发工程师可能主要对HTML5的新语义元素感兴趣,这些新元素给搜索引擎提供了含义更加丰富的代码。HTML5也可以在表单提交等基本网页交互场景中对用户做出反馈,一般不再需要复杂的JavaScript表单处理流程。同样,这为我们的响应式设计来带来的好处就是,允许我们创建更加简洁和快速的代码。
HTML文档的第一行都是使用Doctype(文档类型声明)开头。老实说,这段代码一般都是由代码编辑器自动生成或者是从模板文件中粘贴过来的(没人会真的手工敲出完整的HTML 4.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更多的精彩内容。
相关文章:
本文由梦创义网站建设(www.mcykj.com)收集于网络或网友投稿,对于内容系文章作者个人观点,不代表本站观点.我们每日更新最新网站建设教程,网站制作教程,网站建设方案报价等,如果你想了解更多建站知识,请收藏并持续关注我们网站.
本文地址:https://www.mcykj.com/show-78-261-1.html转载请注明出处!
界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……
互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……
洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……
北京梦创义科技有限公司成立于2012年
创始人以及初创团队成员均来自各大互联网公司
目前公司拥有员工近百人 平均3年以上从业经验
核心团队成员均有10年以上互联网从业经验
手机:13910811300
电话:010-52661970
传真:010-82694569
网址:www.mcykj.com
邮箱:13910811300@126.com
朝阳一部:朝阳区紫芳路九号院广顺园2号楼2605A
海淀二部:回龙观黄平路19号院泰华龙旗广场E座1212室(距西三旗桥2公里,8号线育新站海淀昌平交界)