创建像这样的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:left
和float:right
以及某些表格。即使我不使用浮动属性或表格,当我最小化浏览器窗口时,单词也会重新排列
当我开始使用<div style="width:1000px">
时,即使我最小化浏览器窗口,元素仍处于相同的位置。所以我从正文的开头到结尾使用div标签将所有的身体元素包装成一个。我只使用宽度
我想知道这是一种糟糕的设计风格吗?如果是,那么当我最小化浏览器窗口或显示器尺寸太小而无法处理时,如何阻止网页重新排列。
答案 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。然后,随着开发人员的过去,您可能会发现自己越来越多地使用网格来布局页面元素,因为它简单,优雅且具有视觉吸引力。并且您的页面依赖于网格越多,它就可以调整大小。