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
投稿猜你喜欢
Python是支持可视化编程，即编写gui程序，你可以用它来编写自己喜欢的桌面程序。使用wxPython来做界面非常的简单，只是不能像C#一- 一 背景 有赞的每个OLTP数据库实例上会设置一个sql-killer进程用于kill
- Gmail 作为一个经典的 Web 2.0 应用，在带来革命性的邮件管理体验的同时，以其完整、快速的 AJAX 操作方式，深受用户的推崇和技
- 解决的问题需要将数组（list）或元组（tuple）中的元素导出到N个变量中。解决的方案任何序列都可以通过简单的变量赋值方式将其元素分配到对
- #-*- coding:utf-8 -*- from win32com.client import Dispatch import time
- 前言本文主要给大家介绍了关于python用队列asyncio.Queue通讯的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详
- 概述函数是基本的代码块，用于执行一个任务语法函数定义func 函数名称( 参数列表] ) (返回值列表]){ 执行语句}一.函数
- 想想你在一家公司里做表格，现在有一个下面这样的excel表摆在你面前，这是一个员工每个月工资的表，现在假设，你要做的事情，是填充好后面几个月
- 本文实例讲述了Python设计模式之工厂方法模式。分享给大家供大家参考，具体如下：工厂方法模式(Factory Method Pattern
- 元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如&
- 编写兼容IE和FireFox的脚本确定的件很烦人的事，今日又经历了一次。一、正式表达式问题试图用以下表达式提取中括号“]”后面的内容，连接调
- 先来看看效果： Html源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
- 本文实例讲述了python求crc32值的方法。分享给大家供大家参考。具体实现方法如下：要想求CRC值，前面要import binascii
- 本文实例讲述了Vue插槽原理与用法。分享给大家供大家参考，具体如下：1 插槽内容Vue 实现了一套内容分发的 API，这套 API 基于当前
- 目录1. 简介2. 示例代码13. 示例代码24. 启动异常1. 简介Gunicorn(Green Unicorn)是给Unix用的WSGI
- 我见朋友可以把数据库的记录显示到列表框里去，挺实用，也想做一个。怎么做啊？这简单，代码和说明如下：dblist.asp<html>
- 一、连接Go语言中的database/sql包提供了保证SQL或类SQL数据库的泛用接口，并不提供具体的数据库驱动。使用database/s
- __author__ = 'clownfish'#coding:utf-8import urllib2,urllib,coo
- 本文实例讲述了mysql数据表的基本操作之表结构操作，字段操作。分享给大家供大家参考，具体如下：本节介绍：表结构操作创建数据表、查看数据表和
- 本文实例为大家分享了python实现图像拼接的具体代码，供大家参考，具体内容如下一、效果 二、代码1、单张图片拼接# 图片拼接fr
