|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
网页制造Webjx文章简介:CSS网页结构的主旨是语义化具有优秀布局的HTML文档,将表面体现分别到CSS文件中,这是poluoluo.com一向夸大的页面开辟头脑。
CSS网页结构的主旨是语义化具有优秀布局的HTML文档,将表面体现分别到CSS文件中,这是poluoluo.com一向夸大的页面开辟头脑。有伴侣在网页教授教养论坛中提出成绩,激发了思索。在html页面,初学DivCSS网页结构的时分,排挤table,用良多的div来嵌套:(看起来很低劣)
<div>
<div>DivCSS网页结构中利用表格的一些会商</div><div>www.poluoluo.com</div>
<div>DivCSS网页结构中利用表格的一些会商</div><div>www.poluoluo.com</div>
</div>
如图所示:
l。
。
晓得html要具有语义以后,退化成如许的写法:
<ul>
<li><span>DivCSS网页结构中利用表格的一些会商</span>www.poluoluo.com<li>
<li><span>DivCSS网页结构中利用表格的一些会商</span>www.poluoluo.com<li>
</ul>
由于要流动题目的宽度,又触及到<span>标签的inline-block。
并且,当触及到题目一行,内容必要换行的时分很贫苦,如图效果:
。
我想,既然要制止利用table标签会形成云云多贫苦,可不成以爽性利用table呢,复杂间接,并且从html的语义上思索,如许的内容仿佛用table也有事理。可是语义其实不明白。也不成取。
我们来会商可使用的办法:
。
。
和,能够用无序列表ul或界说列表dl标识。共同利用lidtddstrongemspan标签。
。
是一个表单,能够用formlabelinput等标签加以标识。
小结:
这三个图片所示的页面元素,均不是表格类的数据,用表格标签不当当。
利用表格作为网页排版、结构页面元素是分歧理的。
表格是用来显现数据的。
至于甚么样的数据情势以表格来标识,没有一致的标准。
也许人人对它有着分歧的了解,除数据表,其余元素在甚么情形下用表格暗示呢。
实在依据情形,能够选择多种标签。多是无序列表,多是界说列表。
至于CSS款式的完成,那就是属性界说的成绩。
不要由于CSS设置对照烦琐,而否认内容自己的语义。
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。 |
|