首页 > 教程 > 关键词 > CSS最新资讯 > 正文

DIV CSS的XHTML代码结构浅谈

2009-02-20 15:26 · 稿源:中国设计秀

接触web标准很久了,但是真正开始实践时间并不长,今天和跟狼一样的新手分享一下关于代码结构的一些心得。本文为入门级读物。

看到这个标题可能有些朋友会感觉有点摸不到头脑,那让狼来为大家解释。

首先,要说说狼对“DIV CSS”的词性的理解,狼认为她是形容词。她形容采的是用DIV(其实是XHTML)作为结构、采用css作为表现的一种网页设计技术。当web标准传入中国时很多人为了让大家更轻易理解把采用web标准设计形容成“DIV CSS\"!但是,问题也随之而来了。很多刚刚接触web标准的设计师简单的认为就是用DIV来替换我们原来的表格布局。他们设计出来的网页的结构也有DIV和CSS。

出现的错误如图,所有元素采用DIV布局。

错误简单分析,由于错误的理解很多新手会完全采用DIV来布局,在这样的结构里DIV2和3完全没有语义。而我们采用web标准的一个原因就是让代码的结构更有意义。记得以为高手说过乱用DIV和用表格布局一样糟糕。

其实我们可以将代码修改成这样。让我们的网页结构变的更好。

这里将DIV2和3,用与页面内容更相符的 h2 和 p替换。使页面的代码结构更加清楚更具有意义。

相信看来狼的例子大家应该明白“DIV CSS别真DIV CSS了”的意思了。

  • 相关推荐
  • 大家在看
  • Windows XP和WindowsServer2003源代码泄漏,影响大吗?

    ​多家外媒报道,微软的Windows XP和WindowsServer2003 的源代码已经在网上泄露。

  • 结构性重启背后:下沉市场救了旅游行业

    随着十一黄金周落幕,在黑暗中跋涉了大半年的旅游行业终于完成重启。此次黄金周,作为国内社会逐步走出疫情阴霾的道路中,迎来的第一个超长假期,也成为旅游行业爆发与重生的窗口。

  • 把握供给侧结构改革机遇 华立科技助推游乐产业发展

    十九大报告中指出,必须把发展经济的着力点放在实体经济上,深化供给侧结构性改革,把提高供给体系质量作为主攻方向,显著增强中国经济质量优势。在此基础上,文化娱乐体育等消费需求将实现强劲增长,游戏游艺产业在今后 10 年有望成为中国的支柱性产业之一。 纵观整个游戏游艺行业,随着国家供给侧的深化改革,游戏游艺行业的客群不再只限于传统电玩城,二胎政策的开放以及人口高龄化,使得未来产业发展需要以家庭消费为主体,并

  • 特斯拉柏林超级工厂建设规模扩大 3栋建筑主体结构已成型

    9月25日消息,据国外媒体报道,特斯拉去年11月份宣布的柏林超级工厂,在今年已动工建设,目前正在快速建设厂房。从外媒的报道来看,特斯拉柏林超级工厂的建设规模有扩大,有3栋厂房的主体结构已经基本成型。外媒是根据特斯拉爱好者们在社交媒体上公布的航拍,报道柏林超级工厂的建设进展的。柏林超级工厂开始施工之后,当地特斯拉爱好者多次对这一工厂进行航拍,并公布在社交媒体上,向外界分享工厂的建设进展。柏林超

  • 深入解析Lua脚本加密技术,给游戏代码加上“紧箍咒”

    不少安全专家表示,在互联网上失去对代码的控制,就像把银行的设计图交给抢劫犯一样。Lua是一种被广泛用于游戏开发中的计算机语言,方便开发者定制自己所需的功能。其中,红遍全球的《愤怒的小鸟》就是由Lua语言用Wax开发的。此外,梦幻西游、奇迹暖暖、开心消消乐、放置奇兵、最强蜗牛等手游也采用了Lua语言进行编写。近年来,Lua脚本在游戏行业长期流行,但Lua脚本泄露事件屡见不鲜,其安全性也引起关注。不法分子通过开私服、开

  • 世界首个3D人工眼亮相:完全复制人眼结构、视网膜媲美人类

    很多科学家一直都想设计出人工眼睛,而这个工作挑战还是很大的,毕竟人眼的结构及其复杂。据最新消息,香港科技大学(HKUST)科学家领导的国际团队开发出了世界上首款3D人工眼,这款‘电

    3D
  • 和平精英ss11赛季什么时候开始 ss11赛季具体上线日期时间

    和平精英目前还是在SS10赛季中,但是不少玩家已经在期待下一个SS11赛季了,很多玩家还不清楚S11赛季什么时候开始,下面就来为大家详细的介绍一下。

  • 搜狗发布组件化代码解耦框架 极大降低组件化重构成本

    9 月 28 日,搜狗正式发布SogouModuleBus组件化解耦框架,为业界贡献新的组件化解决方案。同时,这款基于搜狗立体化架构思维诞生的组件化框架,将会进一步降低开发者的组件化重构成本。代码耦合,是指软件工程中不同模块和类之间的依赖关系。耦合度高,则代码之间的依赖度高,往往容易出现牵一发而动全身的被动局面。因此开发者们需要对高耦合度代码进行解耦,让业务模块之间的关联依赖降到最低。此次搜狗SogouModuleBus组件化框架

  • 微软已移除Windows 10中用于通话的相关代码:全面转战安卓

    对于微软来说,他们已经彻底放弃Windows Phone了。根据一些网友发现的情况看,通话相关的GUID随着2020年3月发布的预览版就已经删除了。对于那些不熟悉的人来说,全球唯一标识符(GUID)通常被

  • NVIDIA宣布NVIDIA DGX SuperPOD已就绪,可从全球认证合作伙伴处获取

    全球最先进的AI系统现可按照每20个节点为一个增量单元搭建;首批产品将在年底前安装到韩国、英国、瑞典和印度。加利福尼亚州圣克拉拉市 – GTC 2020秋季站 - 2020年10月5日 – NVIDIA今日发布企业版NVIDIA DGX SuperPODTM解决方案,这是全球首个一站式AI基础设施,能够让企业以惊人的速度安装功能强大的AI超级计算机——通常只需短短几周时间。已上市的DGX SuperPOD是由包含20个到140个独立的NVIDIA DGX A100TM系统构建的集群,现?

  • 黑客声称获取育碧尚未发布游戏《看门狗:军团》源代码

    育碧和Crytek(欧洲的电子游戏开发商)这两家当今最大的游戏公司数据遭泄露,原因是一个名为Egregor的勒索软件团伙在窃取了这家两家公司内部网络窃取的数据,并在暗网上公布。

  • 微软已移除Windows10中用于通话的相关代码,全面转战安卓

    对于微软来说,他们已经彻底放弃Windows Phone了。根据一些网友发现的情况看,通话相关的GUID随着 2020 年 3 月发布的预览版就已经删除了。对于那些不熟悉的人来说,全球唯一标识符(GUID)通常被开发人员和微软用于运行脚本或进程。

  • 蚂蚁金服估值多少?蚂蚁金服上市最新进展招股书股权结构

    8 月 25 日下午,蚂蚁集团在港交所、上交所同时披露招股文件。据彭博社最新报道,市场分析人士已经将蚂蚁集团估值提升至 2800 亿美元,再创新高。彭博援引知情人士表示,蚂蚁依然是今年全球最大的IPO,按照估值 2800 亿美元算,是美国花旗集团公司规模的 3 倍。

  • [图]微软发布两个紧急安全更新:修复远程代码执行漏洞

    今天微软发布了两个不定期的例外(Out-of-Band)安全更新,重点修复了WindowsCodecs库和VisualStudioCode应用中的安全问题。这两个例外安全更新是本月补丁星期二活动日之后再发布的,主要修复了两款产品中的“远程代码执行”漏洞,能够让攻击者在受影响的设备上远程执行代码。

  • 苹果笑而不语:源代码泄露显示 微软秘密打造酷似Mac的WinXP主题

    泄露的源代码展示了微软当初打造Windows XP更多趣事,比如他们曾秘密准备了一个版本,让该操作系统看起来更接近于 Mac。最近泄漏的Windows XP源代码泄漏了微软在操作系统上的早期工作,其中一

  • 开发人员现可在Windows上构建和运行Swift代码项目

    苹果的Swift编程语言本周正式登陆Windows,现在可以从开源项目下载Swift工具链图片。

  • 高通5nm芯片骁龙875结构曝光:采用Cortex X1超大核

    据外媒报道,高通5nm旗舰处理器骁龙 875 将首次采用Cortex X1 超大核心。消息称高通骁龙 875 采用“1+3+4”八核心设计,其中“1”为超大核心Cortex X1。以往高通骁龙旗舰处理器也采用过“1+3+4”这种“超大核+大核+能效核心”这样的三丛集八核心架构,但是超大核和大核之间的差别主要在于CPU频率。

  • iOS 14.2测试版亮相 代码显示买iPhone你要小心没配件

    ​9 月 30 日凌晨,苹果公司向用户和开发者们推送了iOS 14.2测试版系统,该版本除了改进一些Bug之外,似乎没有增加什么功能和新的特性。但是,iOS 14. 2 测试版中出现的一小段代码引起了大家的注意,这段代码或暗示了苹果以后不会在iPhoen包装中赠送EarPods耳机。

  • 执掌百度20年 李彦宏没为产品写过一行代码

    百度迎来创业二十年,官方纪录片《二十度》(点击观看)也正式上线。影像资料中介绍了一些不为人知的百度幕后故事,比如百度集团资深副总裁崔珊珊爆料,李彦宏是百度第一版的产品经理,但没有

  • NVIDIA收购ARM卡壳了:英国正考虑否决

    一月前,NVIDIA与ARM达成协议,前者将出资400亿美元从软银手中收购后者。本次交易虽然可以成为半导体历史上最大规模的收购案,但却因为涉及的利益面过于广泛,而阴影笼罩。据报道,英国方面

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签