admin 管理员组

文章数量: 887021


2023年12月18日发(作者:plc梯形图编程教程)

龙源期刊网

HTML5和CSS3.0在网页设计中的新特性和优势

作者:高春燕

来源:《旅游纵览·行业版》2014年第05期

互联网从诞生到繁荣的每个阶段,HTML这个简单而强大的标记语言都发挥着举足轻重的作用。从简单的新闻列表到复杂的在线表格应用,结合JavaScript、CSS,前端工程师用这些简单的标记创建出一个个改变人们生活的应用。

一、引言

现在使用最广泛的HTML4.0.1标准已经十余年没有重要更新,对于构建复杂的网页应用也越来越显得力不从心。HTML5标准最早在2004年就由WHATWG提出,经过多年的演变及各个浏览器阵营的磨合,主流浏览器制造商都已经实现了主要的HTML5核心。特别是近年来移动互联网的兴起,给HTML5的普及带来了更有利的设备环境和难得的商业契机。

二、HTML5的新特性和优势

Html5新特性主要体现在:语义化标记、Form 表单增强功能、视频/音频、画布(Canvas)、可编辑内容、拖放、稳健的数据存储等方面。HTML5 在网页的应用和表现上,相对于HTML4 提供了更好的支持。

(一)新的语义标签和属性

1、简洁的 DOCTYPE,不使用版本提示,书写的文档将会适用所有版本的HTML。简单易记的语言标签,写法上较之前更为简洁。在 HTML5 中,空标签(如:br、img 和 input)并不需要闭合标签。新增了一些新标签和属性。新标签更具语义性,属性更直白。

3、Html5自带表单验证功能,可以减少开发者对表单验证功能的代码编写。

4、脚本和链接无需type属性了,代码可以简化如下:

(二)新增画布canvas

是HTML5新增用来作画的工具。canvas元素使用JavaScript在网页上绘制图像.画布是一个矩形区域,在页面中插入 canvas 就像插入其他标记一样平常,可以直接绘制形状、图表、动画、游戏、图片作品等。,现在可以不用Flash或其它插件就可以直接在网页上涂鸦了。

(三)丰富的应用程序接口(API)


本文标签: 应用 网页 属性 功能 标签