初学div+css应该先了解html标签的基本常识

《初学div+css应该先了解html标签的基本常识》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、初学DIV+CSS应该先了解HTML标签的基本常识>>edu.5151doc.教育资源库如今L为我们提供了相当丰富的标签，每个标签都有它各自的含义。我认为在设计时，除了遵循HTML语法以外，应该充分利用并遵守各标签的“语义”。如标题文字应该包含在h1-h6中，大段的文字内容应该由<p>进行分段而不是<br/>，列表项应该放在ul或ol或dl中，表格形式的数据应该仍然用table布局。为什么要这样做？一个很有说服力的原因是，保证在用户去掉CSS显示的情况下，网页能够尽量有效的将内容的结构层次显示出来。如果全部用di

2、v，当去掉CSS之后，整个网页就失去了层次，只剩下一些杂乱的文字碎片。这并不符合ONTUEL设计之初，h1-h6后面的数字更多的被理解为控制标题文字大小的。用h3或许只是为了使用三号大小的字体，而并非它就是三级标题。否则一级标题全用h1，个个都是斗大的字，又不得不用CSS来控制字号，感觉很累赘。所以，这是一个待商榷的问题。ulol凡是需要罗列条款的，都应该用ul或者ol，而不是用p。比如招聘广告里的职位需求，比如注意事项，比如操作步骤说明。此外一个流行的用法是网页的导航菜单也用ulli来列举，然后再用CSS控制其排列方式。应

3、该要补充的是，别忘了li里面还可以再用ul或ol，形成第二级列表。dldtdd这是一组几乎被人忘记的标签，但JeffreyZeldman在《网站重构》中大力推崇对它们的使用。dl应该是“defininglist（或是definitionlist？有知道的朋友请告诉我）”的全称，一个典型的用法是字典的词条。单词的名字放在dt里面，单词的解释放在dd里面。而alistapart.网站更加高明的，将右侧栏整个定义为dl，每个单元的标题用dt，而该单元的内容则用dd。imgimg标签本身也没啥好说的。只是想老生常谈一个，即只有当确实

4、这个元素是内容里必须的图片的时候才使用img，否则应该用CSS定义为样式。如插图，头像，表情图标，这些是内容里必须出现的图片，用img。而其他的比如标题的背景图，列表项前面的小icon，这些都不应该用img标签。spanspan如今大有和div并驾齐驱的风头。但是事实上我认为我们还是应该遵从它最初的使用。我个人的理解，span最初就是用来带class或者style属性的。它本身不具有明确的语义。因此在文本流中，我们需要对某些文字做样式上的改变，就用span括起来。比如有些字需要加红，我就用<spanclass="red

5、">。但是值得注意的是，这样又有可能犯之前h1里面提到的问题。因为有些文字的样式其实是有现成的标签的，比如<strong>、<sub>等，我们也应该适当的给它们一些机会。aa是控制超连接的标签。但有些特殊的情况，我们不一定喜欢用它。比如需要弹出一个小窗口。我没怎么留心，但我想有些设计师会将onclick直接定义到“播放”小图标的<img>标签里。我个人认为还是应该在img外面加一个a，然后将onclick定义到a里面，并记住在js函数最后写上returnfalse。如果可以，该a标签的href属性也应该写上

6、弹出窗口的URL,保证用户在禁止JS的情况下仍能够有效的打开页面。我暂时就列出这么多。最后再总结一下遵循HTML标签语义的重要性。L标签的语义，则是保证禁用CSS时的兼容性。只有当正确使用了HTML标签，我们的网页在“CSS裸奔”12下一页[这篇文章来自..，]的时候，才会仍然让人看得出哪里是导航菜单，哪里是文章标题，日历表格也不会分崩离析。上一页12[这篇文章来自..，]