惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

爱范儿
爱范儿
T
The Blog of Author Tim Ferriss
G
Google Developers Blog
博客园_首页
博客园 - 【当耐特】
量子位
S
SegmentFault 最新的问题
B
Blog RSS Feed
酷 壳 – CoolShell
酷 壳 – CoolShell
V
Visual Studio Blog
T
Tailwind CSS Blog
阮一峰的网络日志
阮一峰的网络日志
V
V2EX
Y
Y Combinator Blog
博客园 - 聂微东
The Cloudflare Blog
小众软件
小众软件
J
Java Code Geeks
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
月光博客
月光博客
H
Help Net Security
Jina AI
Jina AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
宝玉的分享
宝玉的分享

博客园 - pigyang666_asp.net

学习方法 WIKI 胡哥的作业 最爱冬天的被窝 教育技术图库系统测试版 连续不间断横向滚动图片 希望自己能坚持 给电脑升级了512M的内存条 xml无限级分类 今天制作了一个pdf格式的文档 标准的不标准 css+div布局总结——基础篇 空间必须放在具有 runat=server 的窗体标记内 DBNull 到 String的强制转换 连接数据库的偷懒小技巧 对制作网站效果图的一点个人经验 我制作的网站效果图,大家给点意见:) 以缩略图的形式显示数据库的图片 数据库连接的整理
web标准的“表现和结构相分离”
pigyang666_asp.net · 2005-10-06 · via 博客园 - pigyang666_asp.net

       用web标准的一大好处是“表现和结构相分离”。 首先让我们来了解:内容、结构、表现和行为

1、内容
      内容是指纯粹的数据信息本身,不包括任何辅助,例如装饰性图片等,举个例子
           今天我在学习css布局,因为我要进行网站重构
2、结构
      我们对内容进行格式化
            时间:今天
           事件:我在学习css布局
           原因:我要进行网站重构
     类似的标题,作者,章节,段落等都可以称为结构。结构使内容更加具有逻辑性,易用性。
3、表现
      用于改变内容外观的东西,可以称为“表现”如下面进行了布置以后的呈现:
   时间:今天
   事件:我在学习css布局
   原因:我要进行网站重构

       传统的html代码中结构层和表现层是混杂在一起的,简单的还行,但是复杂的页面,遇到改版,那就麻烦。
       首先你要在大量的table、td、中查找你要的信息
       其次你需要一页一页的修改,严谨的设计师还要仔细的调节1px
       .....
      但是用了css布局以后,很多内容就只需要修改样式,节约不少功夫。
而且内容和样式就比较容易区别出来。
      就如上面的页面我们就可以用xml这样来写
          <时间></时间>
          <事件></事件>
          <原因></原因>

    总体来说“表现和机构相分离的”的优点有:
1.数据的多样显示。通过不同的样式表适应不同的设备,做到内容与设备无关
2.保持整个站点的视觉一致性变得非常简单,修改样式表就可以轻松改版;
3.由于结构清晰,数据的集成、更新和处理更加方便灵活;
4.更有意义的搜索。

       表现和分离的结果是不是很明显呢。如果还不觉得,那就是我的表述出了问题。
      笔者将继续学习:)