基于DIV和CSS的布局结构(2)
基于DIV和CSS的布局结构(2) 2.使用语义化的标签及命名标识 在所有的结构中都应该使用具有语义的标签及命名标识,如,
为标题、
为段落、
为列表等。标识元素也应尽量使用如id=”header”、id=”footer”等易读懂的语义标识。下面的代码使用的就是具有语义的标签及命名标识。
- <div?id=”post”>?<div?id=”post”>
标题?标题
?
- 内容?
…内容
基于DIV和CSS的布局结构(2) 2.使用语义化的标签及命名标识 在所有的结构中都应该使用具有语义的标签及命名标识,如,
为标题、
为段落、
为列表等。标识元素也应尽量使用如id=”header”、id=”footer”等易读懂的语义标识。下面的代码使用的就是具有语义的标签及命名标识。
- <div?id=”post”>?<div?id=”post”>
标题?标题
?
…内容
示例2: 在一些博客的文章日期显示上,也可以做到简单的结构。
4.格式化代码 作为开发人员,应养成良好的编程习惯,把代码进行格式化(缩进),使得阅读源代码更方便。 5.在布局结尾加上注释 在一个较复杂的结构中,你可能会迷失方向,不清楚哪个标记在哪个位置结束,调试混乱的布局往往可能少了一个结束的标记,所以应该在布局结构结尾时加上注释,如: