首页 > 学院 > 基础常识 > 正文

HTML5的四个优点

2020-04-29 13:47:28
字体:
来源:转载
供稿:网友

HTML5是最新的WEB语言,它有什么样的优点呢,为什么人们都说HTML5是未来的主导呢,下面就来看看它的四个优点吧:

  1、更快的图片下载速度,尤其是对于移动用户

  在网页设计中,“渐变”是一种背景效果:你的网页上的“窗口”拥有更精致的底纹或纹理。公司设计人员有更大的空间来平衡明暗度、匹配边界,实现让大数浏览者叹为观止的色彩或风格。

   渐变效果的头二十年是通过“着色”来取得的。在HTML5之前,背景必须作为一个图片(或是由多个子图叠加在一起)被提供。例如,Photoshop有 一个“渐变工具”。该工具主要用于构建一个背景图片以作为渐变色使用。这一功能获得了很大的成功。每一名称职的网页设计者通常都会使用已经有的渐变色作为 背景图片。

  HTML5的出现改变了这一用法。HTML5的CSS3部分通过语义表达渐变,也就是说用有意义的单词,而不是用图片表达。例如:

   .gradientArea { background: -o-linear-gradient(#FFB260, #FF7F13); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb260', endColorstr='#ff7f13', GradientType=0); } }

  这一范例的句法细节并不重要,重要的是其通过单词而不是图像来展示这种效果。

   首先,其非常简洁。CSS3渐变规范通常有数百个字节,而表达渐变的背景图片通常会有数千个字节。除了这一优势外,CSS3的是渐变是内联的,其传输不 需要打开其它的文件。当大量网站浏览者通过带宽有限的移动浏览器访问时,让用于网页渲染的辅助连接的数量保持低水平对于提升性能非常关键。

   你的网页设计人员能够像以往那样做同样的事情——使用Photoshop的渐变工具或是类似工具,然后导出至CSS3而不是HTML4或XHTML。终 端用户在他们的浏览器上的效果几乎没有什么差别,但是下载速度却提升了许多。此外,CSS3渐变色还能够更容易的生就不同的屏幕尺寸和各种分辨率。

  其它技术优势还包括:

  •总体上,其能够内联老式的渐变色,因此能够减少下载成本。

  • 除了CSS3之外,HTML5还包括了其它的渐变效果。

  • 渐变色的CSS3支持将可编程性提升到了一个新的水平。例如,设计人员可以根据浏览者的年龄和位置调整渐变背景。
(责任编辑:武林网)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表