欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」网站建设中页面布局要遵循的原则

作者 : 自学哈 本文共748个字,预计阅读时间需要2分钟 2022-11-26 共91人阅读
也想出现在这里? 联系我们

无规矩不成方圆,做网站建设的页面布局也是一样,要保证网站页面的合理性。网页布局的好差也同样会影响用户体验,可见页面布局很重要。那么页面布局应该注意哪些事项呢?

1、样式的重用性

CSS
布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增加页面的可维护性。例如,将某处表达样式、板块整体样式、文字颜色;甚至可以扩展到页面的模块化处理。

2、浮动与清除浮动

浮动式网页布局中永远的话题,很多浏览器的兼容性问题都是因为浮动而导致的,例如IE6.0的双倍间距的问题。浮动也是把双刃刀,兼容性的问题为其二产生为其而灭亡,善于利用浮动对于网页布局将会带来很到的帮助,例如使用负边距地方法对页面进行布局设计。清除浮动浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多。

3、定位方式的页面布局

定位方式的布局一般指的是绝对定位,这种布局方式对页面布局的设计精确性要求十分高,遗憾的是绝对定位的布局方式的盒模型是固定高和宽的,无非自适应。

4、不要过多使用ID选择符

ID在一个页面中出现的次数是一次,过多使用将失去样式的可重用性的特征,对于页面的可维护性也将大打折扣。

5、类选择符(class)及ID选择符使用字母+数字方式命名

类选择符Class及ID选择符的命名方式很多,最好的方式是阵对某个模块的功能阐述性的命名,例如,阵对主要内容区域,可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。不使用字母+数字的方式命名,在后期维护中可以阵对某个模块主要针对对象一目了然。

以上就是《网站建设中页面布局要遵循的原则》的全部内容,仅供站长朋友们互动交流学习,SEO优化是一个需要坚持的过程,希望大家一起共同进步。

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」网站建设中页面布局要遵循的原则
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号