看图学习：编写简洁并符合语义的HTML代码

1、删除不必要的<div>标签

例1：

例2：

2、使用具有语义的标签

3、尽量减少使用的<div>标签

例1：

例2：

4、使用缩进格式化代码

5、对代码注释使用结束标记

结论：养成好的编码习惯，尽量编写简洁的符合语义的代码，会无形中提高搜索引擎对你网页的可访问性！当然对SEO会起到事半功倍的效果！

“看图学习：编写简洁并符合语义的HTML代码”的13个回复

快乐的村长说道：

2010年4月23日上午11:24

适合我这样的新手。

回复
Geng说道：

2010年4月23日上午11:40

很实用哦～简洁的代码我喜欢

回复
秋说道：

2010年4月23日下午1:03

这个文章不错很适合新手学习。感谢分享~

回复
杉~``说道：

2010年4月23日下午6:21

学习了~“很有用的说~“

回复
老饕说道：

2010年4月23日下午9:09

规范写法~很有必要

回复
免费小说说道：

2010年4月23日下午10:35

申请友链，名称：阅书斋，网址：http://www.yszbook.com，PR=2,收录、快照正常！

回复
咸宁seo说道：

2010年4月23日下午10:52

我最近也在看《精通CSS》这本书，跟你讲的差不多吧

回复
1. 蛋壳说道：
  
  2010年4月23日下午10:55
  
  http://book.douban.com/subject/1171117/ 这本不错，推荐你读，呵呵
  
  回复
咸宁seo说道：

2010年4月23日下午11:01

@蛋壳
我到现在都还没有系统的学习(x)html的，很是痛苦的，呵呵，在当当上买了几本书《精通css》，《锋利的jQuery》和《JavaScrpit高级程序设计》这三本书，全面向前端设计发展

回复
1. 蛋壳说道：
  
  2010年4月23日下午11:03
  
  学无止境，要坚持啊，呵呵，我做事就很难坚持，最近我要强力改变自己。一起加油，哈哈
  
  回复
听云说道：

2010年4月27日下午1:20

很实用的小技巧

回复
Getil.Zhan说道：

2010年5月1日上午2:31

非常不错.前端也是一个大学科!

回复
hou_ve说道：

2010年5月5日下午1:06

犯了了一个不很严正错误，在HTML元素和CSS元素是有区别，我一般认为 HTML 为基础性元素，比如P,SPAN,INPUT,
FORM等等，这些元素在解析的时候不用CSS的解析器，如果你非要把这些元素看成基础的HTML元素看成CSS的盒型元素进行display:block盒模型的定位，则必然会造成很多的不可预知的问题，而且THML的代码混乱，而且很多的CSS的教程也没有这个说教。

回复

例1：

例2：

例1：

例2：

“看图学习：编写简洁并符合语义的HTML代码”的13个回复

发表评论 取消回复

发表评论取消回复