css技巧:清除多余的标签让代码更加有意义

概述如果你是一个喜欢什么都用<div>来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代码不仅仅为你以后修改代码省下时间,… 如果你是一个喜欢什么都用<div>来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代码不仅仅为你以后修改代码省下时间,特别是当你调试一个大的项目时你会发现,原来规范代码之后是那么的有用.

1.清除不必要的<div>标签

很多人都喜欢用<div>来包裹<form>和<ul>来建立菜单列表.你有没有想过这样一个多余的<div>是不是需要的.你可以使用CSS规则来实现同样的效果.

Example 1:

这个例子展示如何删除<form>中的<div>.

Example 2:

有时候我们会给内容添加一个额外的<div>标签来以示这是一个内容.在事例中用了<div class="sIDeBox">来包括内容区.如果一个内容有一个标题的话(如:<h4>),那么我们就可以把这个<h4>来代替<div>.

2.使用有语义的标签

用有语义的标签来编写你的HTML文档(如:<h1>为标题;<p>为段落;<ul>为列表.)那么即使用户不支持CSS的话,那你的文档也被正确的读出来.

Example:

这个例子很好的说明了,使用有语义标签的好处.

总结

以上是内存溢出为你收集整理的css技巧:清除多余的标签让代码更加有意义全部内容，希望文章能够帮你解决css技巧:清除多余的标签让代码更加有意义所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。