用这种风格设计网页是不是很糟糕?

时间:2011-10-14 11:35:45

标签: html css

创建像这样的html页面是一种糟糕的风格吗?

  <html>
  <head>
  <!--some script goes here-->
  </head>
  <body>
  <div id ="body" style="width:1000px">
  <!-- now all stuff is done here-->
  </div>
  </body>
  </html>

我只是将body的所有标记包装到包装器#body中。因为当我最小化浏览器窗口时,页面正在朝下,我的页面也涉及float:leftfloat:right以及某些表格。即使我不使用浮动属性或表格,当我最小化浏览器窗口时,单词也会重新排列

当我开始使用<div style="width:1000px">时,即使我最小化浏览器窗口,元素仍处于相同的位置。所以我从正文的开头到结尾使用div标签将所有的身体元素包装成一个。我只使用宽度

我想知道这是一种糟糕的设计风格吗?如果是,那么当我最小化浏览器窗口或显示器尺寸太小而无法处理时,如何阻止网页重新排列。

2 个答案:

答案 0 :(得分:0)

我建议查看http://www.digital-web.com/extras/positioning_101/css_positioning_example.php,因为它涵盖了定位html元素的大部分基础知识。

从语义的角度来看,我不会在元素id中重复使用诸如“body”之类的单词,因为它会不必要地混淆,特别是在编写与它相关的CSS或JavaScript时。大多数英语使用者倾向于将主页div称为“容器”或类似词来区分,但如果英语不是您的第一语言,则使用任何使您更容易理解的内容。

答案 1 :(得分:0)

如果你真的希望你的页面在任何浏览器都是1000px宽,那没关系。如果您希望您的页面在较小的设备(手机,平板电脑等)上优雅地降级/调整大小/重新排列,那么它显然不是。就那么简单。

然而,设计一个优雅地去除页面的页面需要从头开始工作:布局,拉伸,菜单消失等......这不仅仅是一切自动化工作的问题。

最后一点,我建议你使用CSS网格或其他(例如http://960.gs/)而不是你自己的包装器,然后首先使用单行和全宽div。然后,随着开发人员的过去,您可能会发现自己越来越多地使用网格来布局页面元素,因为它简单,优雅且具有视觉吸引力。并且您的页面依赖于网格越多,它就可以调整大小。