WEB前端开发经验总结（4）
作者：海啸 来源：Yaohaixiao博客 发布时间：2009-07-20 18:01:00
上面介绍了，一个技巧，其实主要是利用我们的CSS控制来实现的，不过我这里还不打算介绍CSS的技巧，接着我们的结构化的话题说下去。看看，其实在制作一个结构化充分的页面的时候，我们同时也在做SEO的优化。
结构，结构，刚才我提到了标签有块级元素和行内元素之分的，要是不理解好这两个概念，我们也不会很好的了解怎么合理的结构化页面，现在就来介绍它们：
[u]块级元素[/u]
块级元素生成一个元素框，（默认地）它会填充其父级元素的内容，旁边不能有其他元素。换句话说，他在元素框之前和之后生成了“分隔”符。我们最熟悉的HTML元素是p和div.
[u]行内元素[/u]
行内元素在一个文本行内生成元素框，而不会打断这行文本。行内元素最好的例子就是XHTML中的a元素。strong和em也属于行内元素。这些元素不会在它本身之前或之后生成“分隔符”，所以可以出现在另一个元素的内容中，而不会破坏其显示。
注意，尽管“块”和“行内”这两个词与HTML和XHTML中的块级和行内元素有很多共同点，但也存在一个重要的差别。在HTML和XHTML中，块级元素不能继承自行内元素（即不能嵌套在行内元素中）。但是CSS中，对于显示角色如何嵌套不存在任何限制。
恩，还是不能把CSS跟XHTML完全的分开谈，没办法。现在大家了解了什么是块级元素和什么是行内元素了吧。还是回过头来接着说我们的结构化吧，以上讲了这么多，我都是在讲XHTML标签要结构化，所以基本跟CSS关系不大，那么我们下面看看我写的这个页面的代码在没有CSS的情况想，是否结构清晰吧：
看看，页面是不是依旧很清晰，很容易看出，哪里是标题，哪里是导航，哪里是搜索表单？呵呵，其实我这么给大家看的页面，跟我们的搜索引擎查看页面的结构很接近了，到这里大家可能体会到一些搜索引擎友好的意思了吧？
0
投稿猜你喜欢
做设计的时候，如何配色是经常让人头痛的问题，尽管很多时候，很多人都说对于色彩的掌握更多的是靠感觉，但是不得不说，感觉也是要有依据的。所以颜色- 客户端程序编写免不了经常接触XMLHttpRequest对象。微软的XHR实现的progid又是一串一串的。 烦人。抽一个中午时间，找了找资
- 在WEB2.0 网页充斥的年代，身边无时无刻都听到这样的声音：“拒绝海报式设计，要做有用的设计，要简洁，要清爽，要大气”产品经理
- 从我们论坛中收集了这段HTML制作页面需要最大化、最小化时可以借鉴参考。最大化效果：<OBJECT id="max
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- MySQL的ODBC接口实现是通过安装MyODBC驱动，这个驱动程序是跨平台的。如果在Linux等Unix体系操作系统下使用，需要先安装Io
- 大部分时候我们讲导航，讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候，更多的去关注怎么与之交互，以及视觉上是怎么好看。但是导航
- 查询语言通过在查询表格中键入单词或短语，然后单击按钮执行查询，就可以在 Web 站点中搜索任意的单词或短语（例如，查询表格示例
- 好多次在不同场合，都听到有同行提到“做产品比做设计更有前途”，或者“别做设计了，做产品吧”类似的观点。我不认为它们之间有什么可比性，因为这么
- 发现一个非常强的CSS在线排版：CSS Text Wrapper只要你拖拽线条，你就可以得到你想要的文字版式CSS代码。可以让想让文本块呈现
- 代码如下：<％ myDSN="DSN=xur;uid=xur;pwd=xur"mySQL="s
- 随着现在宽屏显示器的流行，Flash的全屏模式下，越来越需要考虑到普屏显示器与宽屏显示器的差别。Flash全屏模式有以下特点：窗口最大化，且
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 20 - A Few Mootools Tabs项
- 在HTML中，我们设置border=”1″ 时，表格边框实际大小是2px，那如果我们要做成1px的细线表格要怎么办？以前在做1px的表格的时
- 记录应用程序的操作日志可以使用数据库、文本文件、XML文件等。我这里介绍的是使用 XML 文件记录操作日志。我觉得使用 XML 记录操作日志
- 下面演示了，当asp程序发生错误时，屏蔽系统默认的错误显示，而显示自定义的错误信息。<％@ LANGUAGE="V
- rhel5下默认安装mysql5.0后,中文显示为乱码原因:mysql默认字符集是latin,所以中文不能正常显示解决方法:修改配置文件,
- 本例详细介绍了如何在wiondws XP下安装与配置MySQL5.0.37 ，图文并茂，相信对初学mysql的朋友有所帮助。1 点击MySQ
- WEB程序员的技能要求： Web程序员不光要对 后端程序（如 php，jsp，asp.net）语言知识，对程序设计架构知识，数据库
- 问题描述时间在我们日常的代码编写中会是经常出现的筛选或排序条件，尤其是一些特殊时间节点的时间显得尤为突出，例如昨天，当前日期，当前月份，当前
