使用有趣的自定义标记来布局页面
作者：snwebsite 发布时间：2013-11-10 19:07:48
今天我们来学习,如何使用有趣的自定义标记来布局页面。有的朋友可能有这样的疑问，自己随便定义的标记浏览器怎么能正确的认识呢？
这里我们就要用到文档的命名空间，那么命名空间又是指什么？
大家知道XML有一个很大的特点就是他的可扩展性。你可以创建你自己的标记或使用别人创建的标记，这里就存在了一个问题，即你所定义的标
记和别人定义的标识有可能相同，但他们各自所表示的意义却不同。
打一个形象的比喻，比如有两个人名字都叫蓝色，一个人在经典，一个人在天涯，如果你要找他们就可以这样说明，天涯:蓝色、经典:色，这样就不会混淆了。
命名空间的意义就是要告诉别人这个文档是属于谁的。xhtml是html向xml过渡的产物,这里他也提供给了我们一个命名空间。
看下面的例子，我们命名一个名称为blueidea的前缀，http://bbs.blueidea.com是用来说明命名空间的url。xmlns是指xhtml namespace
<html xmlns:blueidea="http://bbs.blueidea.com">
有意思的是我们甚至可以用中文来做标记(用中文可能会出现编码问题)。这样的文档看起来真的是一目了然。
下面我们定义一个标记叫做“新闻标题”格式因该是“blueidea:新闻标题”
<blueidea:新闻标题>最新更新</blueidea:新闻标题>
然后用CSS定义他 ，格式:
blueidea\:新闻标题 {
}
需要注意的是我们自定义的标记默认属性，有点象a、span等内联元素。
下面是我写的一个基本布局，(兼容IE5、6、7 FF2 OP9)是不是很有意思，象XML，其实本来自定义标记就是用在xml上地。大家赶紧自己来试一下吧，因为很多东西都是自己从实践中摸索出来的。
运行代码框
[Ctrl+A 全部选择 ]
0
投稿猜你喜欢
一、现象最近在数据库中删除了一张表，重新执行python manage.py migrate时出错，提示不存在这张表。通过查找相关的资料，最- 如何编写一个只在Web服务关闭时执行的程序？如：<SCRIPT LANGUAGE="VBScript"&
- 一、UNION和UNION ALL的作用和语法UNION 用于合并两个或多个 SELECT 语句的结果集，并消去表中任何重复行。UNION
- 1, 创建pytorch 的Tensor张量：torch.rand((3,224,224)) #创建随机值的三维张量，大小为（3,224,2
- 学习编写简练、优化的CSS需要大量的实践和一种不自觉的强迫性清洁的渴望。然而让你的CSS保持整洁并不仅仅是你对清洁的疯狂的心理需求，尤其对于
- word2vec介绍word2vec官网：https://code.google.com/p/word2vec/word2vec是googl
- 安装pip install faker使用简单使用本库可生成姓名、地址、电话、邮箱、公司等等一系列数据。首先导入库，实例化：from fak
- 1、HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Applicatio
- 这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变
- 1.表达式操作符Table 1 算术操作符操作符 语法 含义+ a + b 相加 - a - b 相减 - - a
- 今天冒出来一个想法，在仅知道数据库名的情况下，用asp得到数据库中的所有表名、所有表的字段名、以及所有字段中的内容。经过一段时间查询资料和修
- 一、数字类型所谓的“数字类”，就是指 DECIMAL 和 NUMERIC，它们是同一种类型。它严格的
- 本文实例为大家分享了js实现滑动进度条效果的具体代码，供大家参考，具体内容如下进度条：<!DOCTYPE html><ht
- 在Python面向对象编程中的类构建中，有时候会遇到@classmethod的用法。总感觉有这种特殊性说明的用法都是高级用法，在我这个层级的
- OpenCV转换成PIL.Image格式：import cv2 from PIL import Image import numpy img
- 或者说有一条命令 hostname [string],当string是不包含2950时，是true，包含2950时是false。使用Exce
- 结合网上解决方法，总结了一 * 意三点：1.文件名或路径名开头如果会引起转义，则\要替换为\\2.文件不能放在桌面，因为读取时按中文路径3.运
- 队列是一种只允许在一端进行插入操作，而在另一端进行删除操作的线性表。在Python文档中搜索队列（queue）会发现，Python标准库中包
- 实例如下：/** * 数字格式转换成千分位 *@param{Object}num */function commafy(num){ &nbs
- 楔子估计有不少小伙伴在将 DataFrame 导入到 Excel 的时候，都遇到过下面这种尴尬的情况：想将多个 DataFrame 导入到一
