web结构要尽量简洁,网页设计公道布局很重要

结构要尽量简洁，尽量减少结构中的嵌套，不要为了实现某种样式添加多余的空标签。页面结构好坏直接会影响到css代码的质量，也会影响js和后台的开发，还会影响到以后功能的扩展和代码的优化。确实html页面没有js那么多复杂的交互，也不需要和后台数据打交道，但并不能代表就没有技术含量，也不是人人都能做好的。固然html5对于标签的相互嵌套体现了很好的包容性，即使标签没有闭合，或是inline元素中包含一堆block元素也不会有题目，但是为了养成良好的习惯仍是尽量做到严格遵循xhtml的规范。

页面中直接引用的图片尽可能少的缩放，非常影响页面的渲染速度；尽可能少的使用前端技术控制图像显示大小，对用户不可见的部门就是铺张带宽，铺张钱，页面的渲染速度也肯定会受到影响，影响用户体验；在知道图片宽高的情况下尽量在img中加上宽高，减少页面reflow造成的速度损耗。

静态图片一定要小，建议存成png8格局，在不影响图片的显示质量下，可以选择128色或是更低的颜色输出图片。在进行合图的时候，尽量把颜色相近的图标放到一起，可以减少图片的大小。下面我们就讲讲页面开发，开发中需要事项和常碰到的题目吧。现在html5添加了更多的语义化标签，像header，section等，大胆勇敢的使用吧。

标签尽量语义化，能够让代码更加清楚。

首先分析效果图，细节上是否和站内风格同一；设计的元素是否便于实现；元素是否能复用。当然有的色彩比较丰硕的图片，存成jpg格局的更小，岂非你会非选png的吗？存储完后图片还能用一些压缩工具进行无损压缩（如：PNGGauntlet）。这些都是为更好的布局和精简css代码做的必要工作。

背景图是通过样式在页面上输出，会在页面中产生哀求，延长页面的渲染时间，为了解决这个题目，可以把类似的图片进行合并，减少哀求数。

网页设计公道布局很重要，犹如大厦的地基，大厦的高度再于地基是否牢固，公道的布局能有更好的扩展性。

前端页面的工作很琐碎，需要的不仅是基础知识的扎实，知识面的广泛，很重要的一点还要细心。

发页面在良多人眼里很简朴，大部门的人都会说不就是把效果图变成网页嘛，哪里需要那么多的时间，一点技术含量都没有。有题目及时和产品职员进行沟通，避免开发过程中的频繁修改，影响工期和代码的质量。

图片有几点需要注意：
1、我们在使用背景图做图标的时候通常会在页面加一个钩子——img标签。
2、如果你的工程已经上线，我们站内对静态文件会有一个缓存机制。在开发过程中，经常会遇到修改图片的情况，如果你修改后的图片不更改文件名或是在样式中更改引用该图片的版本号，对于用户而言，他们仍然看不到修改后的图片。所以，一定要记得修改文件名。
3、避免过小的背景图平铺。
4、尽量将图片上的文字提取出来用代码实现，便于图片的复用和日后文案的修改；

名称栏目：web结构要尽量简洁,网页设计公道布局很重要
文章出自：https://www.cdcxhl.com/news/159705.html

成都网站建设公司_创新互联，为您提供全网营销推广、移动网站建设、域名注册、网页设计公司、营销型网站建设、Google

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联