百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

DIV+CSS技术使用技巧

yuyutoo 2025-03-03 20:54 2 浏览 0 评论


一、使用 div 后,什么时候使用 table

Web标准并不排除表格的使用,但使用表格排版是不明智的,因为表格归根结底只是一种显示“数据”的方式。大家应该知道,在 Excel 中,表格就是用来放置数据信息的。使用表格显示信息能让浏览者阅读起来更轻松,表达也更清楚。

XHTML 中的元素可分为三大类,下面分别介绍。

辅助布局设计元素:主要指div、span等,这类元素的主要功能是布局整个页面。灵活使用这些元素,能让网页丰富多彩。

结构化元素或信息元素:主要指table、ul、pre、code等元素,是一种信息显示与整理方式,如 table 是用来显示表格信息的,ul是用来显示列表信息的,当需要用表格或列表的时候,用这两种方式来显示是合理的。

为实现某些功能而添加的元素:如添加关键字的meta keyword,设置链接的a等。由上面的分析可知,符合Web标准的设计思路是,使用div等布局元素来制作页面的布局、定位、色块、图像等,使用table、ul等元素来显示页面中需要展示的数据。这实际上是一个信息合理化整合的过程,什么地方该用什么元素还是照用不误。

二、初学 Web 标准的几个误区

初次接触 Web标准的用户可能会受表格布局或其他一些问题的影响,常见问题及解决建议如下:

1.不要用传统的表格思维来套div

用惯了表格的用户可能会觉得,CSS 布局就是将原来用table的地方用div来代替,原来是 table 嵌套,现在是 div嵌套。这种观点是错误的。

应该跳出表格布局的禁锢,抛弃一个td接一个td放置内容的思维方式。按前文所述,Web标准的目的是将内容和表现完全分离。即在加入表现之前,页面里有的仅仅是内容,在没有修饰的情况下,它就是一张有一些文字和图像(图像是指内容中的图像,是有真正意义的图像,而非修饰性的图像)的简单页面,这些文字和图像仅仅是依次罗列下来,只有结构,没有任何样式。当加人表现,将所有修饰的图像作为背景,用CSS 来定义每一块内容的位置、字体、颜色等时,才构成了一个完整的页面。

这样制作的页面才是内容与表现完全分离的,即抽掉 CSS 文件,剩下的就只是干净的内容。

2.不必为每块内容都创建一个id

内容都是有结构的,相同结构的内容可以用同一个样式来定义,如相同级别的标题、正文、图像等。对干多次引用的样式可以用cass 来定义,不需要全部用id:另外也不是说只能用 div 布局,在需要的时候,完全可以用p来代替。

至于仅仅为了行高、间距,或者一个修饰性图像而增加的div,随着大家对 CSS应用的熟练和理解,很快就会知道这是没有必要的。希望大家多研究 CSS,做出最简练、最有效的样式表。

相关推荐

Windows中CMD最全命令行

CMD命令:开始->运行(或者Windows+R)->键入cmd或command(在命令行里可以看到系统版本、文件系统版本)CMD命令锦集1.gpedit.msc-----组策略2.s...

Linux常用文件操作命令

ls命令在Linux维护工作中,经常使用ls这个命令,这是最基本的命令,来写几条常用的ls命令。先来查看一下使用的ls版本#ls--versionls(GNUcoreutils)8.4...

Linux高阶知识:Linux 中的隐藏文件

在Linux系统的世界里,隐藏文件扮演着极为关键且神秘的角色。它们如同隐匿在黑暗中的守护者,默默支撑着系统的稳定运行,同时又蕴含着丰富的配置信息与个性化设置。对于普通用户而言,这些隐藏文件往往被忽...

linux基础命令之chattr命令

chattr命令是linux系统下用于修改文件的扩展属性的命令,相比chmod命令,chattr命令更加偏向于内核底层,这是因为chmod是修改文件的属性(包括读写,执行,所有者),而chattr命令...

命令干货:4个 Linux文件权限设置相关命令讲解

linuxchmod命令...

linux chmod 设置目录/子目录权限

linux中chmod修改目录权限已经在前面介绍过,详细见linuxchmod命令设置目录/文件权限详解那么如果要给目录下面的所有子目录都赋予相同的权限,需要用到参数...

linux下定位文件的常用命令

"find(1)是一种非常有用的shell脚本命令,但它往往被人们理解得不够透彻。这部分原因在于其复杂的语法(可以说是所有标准Unix命令中最复杂的,除了像awk这样的编程语言);另一部分原因在于手册...

Linux运维工程师必知必会的10个命令行组合

head1.日志分析:统计HTTP状态码分布...

Windows 与 Linux 文件权限的对比与转换

在Windows和Linux系统中,文件权限管理是非常重要的,但两者的文件权限机制存在一些显著的区别。以下是一篇技术性质的文章,探讨Windows和Linux系统中文件权限的对比与转换:Windows...

14天shell脚本入门学习-第十一天#用户和权限

用户与权限管理是系统管理中的重要任务,涉及创建、删除用户,管理用户组,以及设置文件和目录的权限。通过Shell脚本,可以自动化执行这些任务,提高管理效率。以下是用户与权限管理的详细说明和示例。...

分享几个Linux 提升运维效率的几个点

head1.快速切换目录...

这10个Linux命令太危险,千万慎用!数据毁灭的瞬间只需一个回车

你好,这里是网络技术联盟站,我是瑞哥。...

14天shell脚本入门学习-第六天#文件操作1

文件操作是Shell脚本中常见的任务之一,包括创建、读取、写入、删除文件,以及检查文件属性等。以下是Shell脚本中文件操作的详细说明和示例。...

2023年下半年计算机软考网络工程师试题解析

1、当计算机突然断电时,()中存储的信息会丢失。A.光盘B.ROMC.RAMD.硬盘【答案】C...

高级CLI:作为一名开发者你必须知道的命令

全文共2787字,预计学习时长8分钟来源:Pexels...

取消回复欢迎 发表评论: