学术峰会 数字技术与应用 273 用Photoshop制作的位图图片中的文字信息很难在搜索引擎中搜索到，而且搜索引擎的功能不够强大，无法识别图片上的文字。 但由于图片文件的容量并不算太小，网速较慢的网友在浏览时可能需要耐心等待图片刷新。 那么，有没有新的方法来避免这个缺点呢？ 是的，HTML5和CSS3可以满足您的需求。 甚至，它还可以做得更好。 作为一名网页设计师，我们应该更多地了解它们的新功能，因此我们应该进一步思考HTML5和CSS3能为我们做什么。 1.什么是HTML5和CSS3HTML和CSS并不难理解。 HTML 是构成网页的主要语言。 通过这些语言，我们可以向计算机解释网页格式、内容、显示疗效等。 CSS是一种专门用来控制网页显示效果的语言。 这时候问题就来了，为什么我们单独使用CSS呢？ HTML不是也可以控制网页的显示效果吗？ 为了回答这个问题，我举一个简单的例子：我明天要买的东西是：米、油、盐、茶、面条，我明天要学习的课程是：CSS3、HTML5、DW、FLASH、 PS，他明天去买。他想要的东西是：米、油、盐、茶、面。 他明天要学习的课程是：CSS3、HTML5、DW、FLASH、PS。 你有没有注意到，如果你描述的东西太多，你就想把它们描述清楚？ 我们多久需要重复大量信息？ 页面语言也是如此，在这些情况下，页面语言变得杂乱无章，尤其不协调。
通过将控制和显示疗效的语言集成到CSS中，我们不仅可以保持页面语言主体部分的简单，而且可以非常方便地复用各种语言集。 里面的内容改为：我明天要买的东西是：A，我明天要学习的课程是：B，他明天要买的东西是：A，他明天要学习的课程是：B。HTML5和CSS3是HTML和CSS的最新版本css3有哪些新特性，已经公布的新功能已经让我们兴奋不已。 2. HTML的新特性 (1)新的内容标签。 HTML4 中内容标签的级别是相同的，因此很难区分部分内容。 如：divid="header"、divid="nav"、divid="content"、divid="sidebar"、divid="footer" 以及HTML5中的内容标签是相互独立的，具有不同的层次，搜索引擎以及统计软件等，可以快速识别各部分的内容。 如：header、nav、contentsidebar、footer，新的标签使页面布局一目了然。 （二）完善形式体系。 如今，您可以放弃 JavaScript 或 PHP，而仅使用 HTML5 定义表格。 您可以定义每个表格单元格的输入格式，例如电子邮件格式、日期格式等，还可以定义此单元格是否需要等等。 (3) 音频和视频API。 HTML5不仅允许您在网页中直接集成视频和音频，还提供了一组功能丰富的API来控制媒体播放，并且用于控制媒体播放的元素也可以编辑。
因此，HTML5在视频和音频方面已经可以替代常用的Canvas API。 在网页中绘制图形仍然是一个大问题，我们必须依赖flash、silverlight等插件。 但HTML5可以让你直接在网页上绘图，甚至可以让你与网页产生更多的交互，比如绘制图形、放大缩小等等。 Legend是一款用HTML5制作的小游戏。 (5) 地理（Geolocation）API。 HTML5提供了GeolocationAPI，地理信息的应用程序接口。 通过该API，网页可以通过IP、GPS等方式获取用户的地理信息； 同时，用户还可以选择是否关闭该功能。 (6)网络存储（Web storage）API。 HTML5提供了网页存储的API，方便了网页应用的离线使用。 此外，新的API与cookie相比还具有安全性高、效率高、空间更大等优点。 (7) 拖放(Dragdrop) API。 我们可以利用HTML5的Dragdrop API来实现网页中的拖拽效果，避免了以往网页拖拽过程中需要不断改变元素的位置以及复杂的代码年。 3. CSS3的新特性 (1) RGBa。 CSS3的RGBa命令的新功能可以指定元素属性css3有哪些新特性，允许你设置每个元素的色调和透明度，这样它的子元素就不需要改变属性。
但常用的opacity命令会影响元素及其子元素，设置元素时必须同时设置子元素。 (2)多栏布局。 CSS3提供的新的多列布局选择器可以生成没有HTML布局标签的多列布局，并且“列数”、“列宽”和“列宽”都可以定义。 （圆角。圆角功能可能是CSS3提供的最实用的功能了。通过Border-radius，你可以毫无困难地为指定的HTML元素添加圆角。并且你还可以定义圆角的大小，以及圆角的大小。 (4)@font-face.当网页显示用户没有安装的字体时，CSS3提供的@font-face功能会手动默默地帮助用户从网上下载相应的字体，因此设计者可以更自由地发挥，无论用户的机器是否安装了相应的字体（5）其他功能，据悉CSS3还为我们带来了渐变，以防止字符串过长溢出、多重背景、使用图片作为元素边框，借助CSS3，可以更快的达到以往很多插件所能达到的效果，用元素本身来代替大多数图片，网页的加载速度都会得到提高。 改进一下，这种原本是图片的内容也可以被搜索引擎检索到。 HTML5和CSS3的标准都在不断的修正和升级，各个浏览器的支持程度也不尽相同。
作为一名网页设计师，了解HTML5和CSS3的兼容性是非常有必要的。 我们还可以跟踪 HTML5 和 CSS3 兼容性网站的相关内容。 作者简介)，女，副院长。 研究方向：计算机科学与技术。 探讨HTML5和CSS3交互新特性（四川农垦科技职业大学，吉林长春150431） 摘要：HTML和CSS并不难理解。 HTML 是构成网页的主要语言。 通过这些语言，我们可以向计算机解释网页格式、内容、显示疗效等。 CSS是一种专门用来控制网页显示效果的语言。 HTML5和CSS3是HTML和CSS的最新版本，已经公布的新功能已经让我们兴奋不已。 关键词：HTML5新特性、CSS3新特性 中图分类号：TP311.5 文档编码：A 文章编号：1007-9416 (2012)04-0273-01 HTML5与CSS3交互新特性探讨 作者： 作者单位：山东农垦科技职业大学，吉林长春150431 题目：数字技术及应用 英文题目：DigitalTechnology2012（4）参考文献（1篇）基于HTML5的网页设计应用[发表论文]-办公手册（学术版）2013（9） ）本文引用格式：梁春燕。 陈丽丽. 徐先令. 吉翠珠。 耿丽艳浅谈HTML5和CSS3的交互新特性【发表论文】-数字技术与应用2012（4）
