使用DIV+CSS制作网页后,表格Table还有用吗?

用table编写网页 1.网页源码 婚纱摄影 </head> <body> <table width="1000px" align="center" cellpadding="0px" cellspacing="0px" border="0px"> <tr> <td width="70px"> <img src="i... 阅读详情
Tags:

    符合网页标准的网页是DIV+CSS制作的,那么我们以前使用的表格Table还有用吗?是不是要彻底放弃呢?

  关于DIV和TABLE表格的使用疑问有不少人很是疑惑,整理一下思路

  关于表格

  使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.

  那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.

  所以,关于那句使用以久的话,应该改为"使用表格作为网页排版,布局页面元素是不合理的,表格是用来显示数据的".

关于其它元素

  我这里按我的使用经验,把XHTML标准中的一些元素,分为三大类:

  第一类是我称之为辅助布局设计元素:

  这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素的各种属性,可以让你的页面表现丰富多彩.

  第二类我称为结构化元素或叫信息元素

  这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来显示是明智的

  第三类指的是A meta这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有做链接的A.  那么正确的符合标准的设计思路是:

   使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等

   使用TABLE,UL等这样的元素来显示页面中需要展示数据

   当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名命的数据块

  所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行.

DIV+CSS+JS在HTML页面制作表格的思想 DIV+CSS+JS在HTML页面制作表格的思想 1.介绍 在如今的前后端分离的开发当中,前端页面技术要求也越来越高了。 因此就在这对自己对前端技术的理解做个简单的整理,方便日后查阅。本文章主要是介绍了如何制作表格的思想。阅读这文章,至少得了解div标签的特性,特别是可以抽象理解div标签的——块思想。还有选择器的知识也是很重要。 2.表格的结构拆分 首先,我的认为。一张基本的表格主要有俩个... 阅读详情

相关推荐

用table做网页

交你同table 做网页,漂亮交你同table

为什么网页布局用DIV CSS 不用 Table 表格

DIV CSS VS TABLE 网页布局DIV CSS 不用 Table 表格 到现在这已不是个问题了,可还是有很多公司给别人做网站的时候使用TABLE表格, 这种过时的布局,所以有 必要说一说。 请看下面这些问题 0.Table布局页面会带来哪些问题 1.Table布局为什么是不明智? 2.DIV CSS页面布局 为什么这么火爆

x619y的专栏 2125

codevs 1620 轮船问题 DP 解题报告

某国家被一条河划分为南北两部分,在南岸和北岸总共有N对城市,每一城市在对岸都有唯一的友好城市,任何两个城市都没有相同的友好城市。

Hawo11的博客 817

html页面要少用table,为什么我们不建议用Table布局

我也说说体会:第1. 如果只是创建一个1行1列,或者很少的几行几列的布局,table确实代码量大一些。尤其对于一个1行1列的表格来说,与相比确实冗繁很多。但这应该是从代码简洁度的角度来说,而不是“占用服务器更多的流量资源”。在当前的网络条件下,对于绝大多数网站来说,还没到靠节约几个html标记来降低服务器流量的——毕竟在加载一个网页过程中,html代码只是其很小比例的一部分。甚至是微不足道的一部分...

weixin_33791941的博客 1420

使用IntelliJ IDEA配置版本管理(SVN和Git)

在开发过程中,版本管理是必不可少的一部分,它可以帮助团队协作、管理代码历史记录,并且提供了代码回滚和分支管理等功能。本文将介绍如何使用IntelliJ IDEA配置版本管理,包括SVN和Git两种方式,另外列举了常见的问题并指导修复,以帮助开发者更高效地进行代码管理和协作。

2870

平均电流控制模式BUCK变换器的环路设计

引言 电压模式的BUCK变换器存在的常见缺点: 1、在没有前馈补偿的时候,对输入源的跳动响应较慢; 2、在不加入电感电流控制的时候,由于不直接对电感电流进行采样,因此不能实时的控制电感电流,有可能在某些负载极端变化时,系统直接奔溃; 3、LC组成的二阶系统存在谐振点,谐振峰随负载变化而变化,不容易做到完全消除; 峰值电流模式的BUCK变换器存在的常见缺点: 1、占空比大于50%时,存在次谐波震荡的问题,需要添加斜坡补偿已解决该问题; 2、抗干扰能力较差; 3、峰值电流和平均电流间存在误差,不适合做PFC线路

c007106333的博客 1万+

现在有哪些页面还使用table布局?

然而,需要注意的是,尽管上述场景可能仍然使用table布局,但在现代前端开发中,CSS框架(如Bootstrap、Foundation等)和Flexbox/Grid布局系统通常被视为更灵活、可响应和可维护的解决方案。因此,在需要展示大量结构化数据的页面中,如财务报表、统计信息、数据库查询结果等,table布局仍然是非常合适的选择。在前端开发中,虽然现代的页面布局已经逐渐转向使用更灵活的CSS框架和Grid系统,但仍有一些场景和页面会继续使用table布局。这样可以确保邮件在各种设备和浏览器上的显示一致性。

王铁柱666的博客 453

VINS-Fusion实战:从零搭建无人机视觉惯性导航系统(附ROS配置指南)

本文提供了一份详尽的VINS-Fusion实战指南,涵盖从硬件选型、传感器标定到ROS节点配置与参数调优的全过程。重点解析了如何将VINS-Fusion视觉惯性里程计系统与PX4飞控深度集成,并实现室外GPS融合,旨在帮助开发者从零搭建稳定、高精度的无人机视觉惯性导航系统。

lll78的博客 865

用table进行网页的布局

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>table首页布局</title> </head> <body> <table width="100%"> <tr> &lt...

beststudent_的博客 4280

FPGA实战:手把手教你实现VESA DSC编码(附Verilog代码解析)

本文详细介绍了如何使用FPGA实现VESA DSC编码器,包括核心架构设计、Verilog代码实现与优化技巧。通过流水线设计、色彩空间转换和预测编码等关键技术,帮助开发者掌握工业级DSC编码器的开发流程,并提供实用的调试与性能优化方法。

weixin_29165725的博客 404

Windows电脑如何用MobaXterm连接宇树G1机器人?保姆级SSH配置指南

本文提供了一份详细的保姆级教程,指导Windows用户使用MobaXterm通过SSH连接宇树G1机器人。内容涵盖从物理网络配置、MobaXterm安装与SSH会话创建,到文件传输、X11转发等高级功能,并包含常见问题排查与安全加固建议,帮助开发者快速建立稳定可靠的远程开发连接。

purple的博客 878

使用html设计网页的好处,使用CSS+DIV制作网页的⑩大好处(与Table表格相比)

CSS使用样式表来控制整个站点字体和布局的能力,它非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言,目前CSS已经进入黄金发展期,为了加快各位网友学习和使用CSS,本文总结了⑩大理由大家可以作为参考。①、CSS将从基础开始建设直到全面替代传统web设计方法W3C组织创建的CSS技术将替代HTML的表格、font标签、frames以及其它用于表现...

weixin_42512103的博客 478

数字通信:信源编码、信道编码、调制、物理信道、解调、信道解码、信源解码

在通信系统中,信息的传输通常需要经过一系列的处理步骤,确保数据可以在信道中高效且可靠地传输。以下是信源编码、信道编码、调制、物理信道、解调、信道解码、信源解码的具体含义及其常见技术的解释。

weixin_44012667的博客 4810

HTML+css入门——认识标签(2)

使用ul,添加新闻信息列表 在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <u...

obcy 230

保姆级教程:DBeaver社区版安装与驱动配置(附阿里云镜像解决下载超时)

本文提供DBeaver社区版的保姆级安装教程,涵盖版本选择、安装路径设置到驱动配置优化。特别针对国内用户遇到的下载超时问题,详细介绍了如何配置阿里云镜像加速驱动下载,确保高效连接MySQL等主流数据库。

weixin_30430169的博客 479

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

关于table布局的推荐使用原因

一、关于table布局的性能 1.table标签比其他html标签占用更多字节,导致下载时间延迟,占用服务器更多的流量资源; 2.table会阻碍浏览器渲染引擎的渲染顺序,导致页面生成的延迟,造成不良的用户体验; 3.某些浏览器中,table中文字的拷贝会出现问题; 4.table会影响其内部布局元素属性的生效,例如td的height:100%; 5.table布局相较div+...

189

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

HTML ,CSS 基础 标签、内容 ,总结

HTML ,CSS 基础 标签、内容 ,总结

lyinshaofeng的博客 113

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

div+css布局与table布局比较

div+css布局与table布局比较 一、背景介绍 table布局是网页早期布局实现的主要手段,当时的网页构成,相对也比较简单,多是以文本 以及静态图片等组成的,类似于报纸的形式,分区分块显示,table标签的结构表现恰好可以 满足这样的要求。但是随着网页要求的提高和技术的不断探索更迭,尤其是W3C(万维网联 盟)及其他标准组织制定的标准出台后,明确了table标签不是布局工具,使table标签...

40128682的博客 7150

用DIV+CSS技术制作一个简单的网页 我的家乡主题

1网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作)。3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。

dreamweaver网页设计 1308

html网页制作——基于HTML+CSS制作河南旅游网页设计

1网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作)。3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。

1885

DIV和TABLE表格的使用

作者:allan 转载自:Allan.Blog(本文经作者同意转载,版权归作者所有.如果您需要引用或转载请与作者联系。) 原文发表时间:2004年11月9日 今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!关于表格使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐, 之所

LongOnLine的专栏 1357

html div转换表格,用CSS+DIV画表格(table)进行网页排版(转)

以往传统网页设计都喜欢使用table(表格)來建构网页,這樣的建构方式对于网页整体排版來讲并沒有太大的问题,可以完美相容于各个浏览器。但是時代在进步,还在用table排网页感觉就有点过时了。会这样说并不是想引起table和div之战,而是想要说对于网页的维护,table表格是比较麻烦一点的,再加上程式码不太干净、过多的巢状,对于搜索引擎来讲,也比较难发现其中重要的部分。那如果用CSS+DIV进行网...

weixin_39860201的博客 1000

使用div+css实现表格布局

使用div+css实现表格布局

徐同保的专栏 4929

web前端网页制作课作业——用DIV+CSS技术设计的家乡旅游主题网站

家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法,如盒子的嵌套、浮动、margin、border、background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大学学习的前端知识点和布局方式都有运用,CSS的代码量也很足、很细致,使用hover来完成过渡效果、鼠标滑过效果等,使用表格、表单补充模块,为方便新手学习页面中没有使用js有需要的可以自行添加。 ⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——

网页设计与制作 1599
上一篇: Enum.GetValues
下一篇: 30个提高Web程序执行效率的好经验
andycode
博客等级 码龄17年 12粉丝 80原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值