2011-10-14 26 views
4

像这样创建一个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标签将所有身体元素合并为一个。我只是用于宽度尺寸

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

+0

没有错,具有固定宽度我猜的包装...... –

+2

您可以设置在'宽度',你知道... –

+0

是的,我知道我们可以@马特做到这一点,但是这是不好的设计风格?我可以用这些方式创建我的页面吗? – niko

回答

0

如果您确实希望自己的页面在浏览器中宽度为1000px,那就没问题。如果您打算让您的页面在较小的设备(手机,平板电脑等)上优雅地降级/调整大小/重新排列,那显然不是。就那么简单。

但是,设计一个页面以优化消除需要从头开始工作:布局,拉伸,菜单消失等......它不仅仅是自动运行的所有事情。

最后一点,而不是你自己的包装,我建议你去一个CSS网格或另一个(例如http://960.gs/),然后首先使用单行和全宽div。然后,随着开发的进行,您可能会发现自己越来越多地使用网格来布置页面元素,因为它很简单,优雅且视觉吸引人。越是你的网页将依赖于网格,它将越大。

0

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

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