使用有趣的自定义标记布局页面
作者：snwebsite 发布时间：2012-07-12 01:29:03
今天我们来学习,如何使用有趣的自定义标记来布局页面。有的朋友可能有这样的疑问，自己随便定义的标记浏览器怎么能正确的认识呢？
这里我们就要用到文档的命名空间，那么命名空间又是指什么？
大家知道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 全部选择]
经典论坛讨论：
http://bbs.blueidea.com/thread-2684422-1-1.html
0
投稿猜你喜欢
- Oracle游标分为显示游标和隐式游标。显示游标（Explicit Cursor）:在PL/SQL程序中定义的、用于查询的游标称作显示游标。
- “点睛”的广告代码，很牛B，本想从中找出在FireFox下如何实现findText及pasteHTML类似效果的，我看了大半天，楞是没有看出
- MySQL提供标准的SQL模式匹配，以及一种基于象Unix实用程序如vi、grep和sed的扩展正则表达式模式匹配的格式。标准的SQL模式匹
- 一个非常简单的将半角"转换为中文"的asp函数function new_str(str)
- slice 可以用来获取数组片段，它返回新数组，不会修改原数组。除了正常用法，slice 经常用来将 array-like 对象转换为 tr
- 最近看到好多人说到tns或者数据库不能登录等问题，就索性总结了下面的文档。首先来说Oracle的网络结构，往复杂处说能加上加密、LDAP等等
- 最近在为公司做一个门户网站,项目并不咋D,可规划却不小.在做的过程中就发现修改占了很大的工作量.于是就开始想了想如何使前端修改轻松一些.这个
- 序 号前 缀使用的变量/范围或数据类型1a or arrArray2b or blnBoolean3bytByte4
本文介绍的圆角方法很特别，有创意。昨天群里大家讨论到一个豆瓣上的按钮，下面这个。在这里用到了不同宽度的按钮，但是只是用到了一个图片。&nbs- 说明：本函数作用是截取指定英汉混合字符串，并保持显示长度一至。就是将一个汉字当两英文来截取。用途：一般会用在标题显示列表，可以避免截取的字符
- 2010新的架构工具可以让我们了解应用程序和功能设计，并帮助验证设计和执行不偏离。它除了支持一般系统分析设计流程(需求→实体)外，也支持另一
- php中-> 、=>、::、$this->四种符号在代码中很常见,使用很广泛。这篇文章主要介绍了php中-> 、=&
- Silverlight和Flash，到底谁更强？谁更有优势？很多初接触Silverlight和Flash的人总是会问这个问题，因为它们在表面
- 在用户登录windows操作系统的时候，如果触发到了登录表单的密码录入框上，并且此时按下了“大写锁定键(Caps Lock)”，那么界面上会
- 这篇论坛文章详细介绍了完全卸载MySQL数据库5.0的具体方法，更多内容请参考下文：数据库突然出了问题，没办法只能重装，因为事先并不知道My
- 经过一个阶段的asp学习,下面我们结合所学过的内容建立一个最简单的聊天室,虽然很简单,但是大家可以通过他来掌握一个聊天室建立的基本过程,并且
- 1.3 安装 ASP.net跟基督山一起检查你们的计算机哦CPU Pentium II 450以上，推荐733内存 256M 推荐 512M
- 一个日期联动选择器javascript源码，年月日联动显示，准确显示日期（包括闰年日期），可自定义日期范围。 【select】 先说清空一个
- 于是我登陆主机的管理面板，重启了网站服务，ldb文件就消失了，网站打开也正常了，但过了数小时后，网站又再次出现以上情况，此种情况持续了好一段
- <!--#include file="config.asp" -->&nbs
