首页 / HTML / tbody标签的妙用加速表格内容显示

tbody标签的妙用加速表格内容显示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了tbody标签的妙用加速表格内容显示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2986字，纯文字阅读大概需要5分钟。

内容图文

大家一定曾经把别人的网页另存下来看过，特别是用dw打开时，你会看到，很多网页上面都加了<tbody>这个标签，在dw中黄黄的很是显眼，那么<tbody>是个什么东东呢？
　　用TBODY这个标签可以控制表格分行下载，可以让其中的内容比网页中别的东东（如图片）先下载下来，这样可以让别人先看到网页的实质性的内容，不用等那么久了，在需要分行下载处加上<tbody>和</tbody>，比如：

代码如下:

<table>
<tbody>
<tr><td>飞鸥岛</td></tr>
<tr><td>飞鸥岛</td></tr>
</tbody>
<tbody>
<tr><td>飞鸥岛</td></tr>
<tr><td>飞鸥岛</td></tr>
</tbody>
</table>

tbody 标签的用法

IE单独推出的并得到HTML3.0规范支持的表格属性有：
<THEAD> - specifies the Table head
<TBODY> - specifies the Table body
<TFOOT> - specifies the Table footer
<COLGROUP> - used to group column alignments
<COL> - used to specify individual column alignments
以下是我作的一个例子，比较烦，朋友们可以看一下。这些属性的主要用途还是在SCRIPT驱动的动态效果时才能反映出来。

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE BORDER FRAME=hsides RULES=cols>
<COL ALIGN=left>
<COLGROUP SPAN=3 ALIGN=center VALIGN=middle>
<THEAD BGCOLOR="#FF0000">
<CAPTION ALIGN=center><FONT SIZE=+1><B>
A section of the Comparison Table</B></FONT>
</CAPTION>
<TR>
<TD><B>Element<B></TD><TD><B>Internet Explorer</B></TD>
<TD><B>Netscape</B></TD><TD><B>Mosaic</B></TD>
</TR>
</THEAD>
<TBODY BGCOLOR="#33CCFF">
<TR>
<TD><B></TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD><BASE ...></TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD> ...HREF</TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD> ...TARGET</TD><TD>X</TD><TD>X</TD><TD></TD>
</TR>
<TR>
<TD><BASEFONT ...></TD><TD>X</TD><TD>X</TD><TD></TD>
</TR>
<TR>
<TD VALIGN=top> ...SIZE</TD><TD>X
<FONT SIZE=-1>
(only visible
when FONT
SIZE= used

as well)</FONT></TD><TD VALIGN=top>X</TD>
<TD></TD>
</TR>
<TR>
<TD> ...FACE</TD><TD>X</TD><TD></TD><TD></TD>
</TR>
<TR>
<TD VALIGN=top><BGSOUND ...></TD><TD VALIGN=top>X</TD>
<TD></TD><TD>X
<FONT SIZE=-1>(will spawn
player for

.mid files)</FONT></TD>
</TR>
</TBODY>
<TFOOT BGCOLOR="#6699CC">
<TR>
<TD> ...</TD><TD>[...</TD><TD>...]</TD><TD>...</TD>
</TR>
<CAPTION ALIGN=BOTTOM><FONT SIZE=+1><B>
This is <TFOOT> content</B></FONT>
</CAPTION>
</TFOOT>
</TABLE>
</BODY>
</HTML>

tbody据说是加强对表格的控制能力的，但是经过我多次实验实在是没有什么用处。
=================================
一、DW根本就不生成 tbody 代码
二、DW根本就不认 tbody 代码
=================================
tbody代码如果不是你用手写的话只有在你用IE5打开一个网页的时候，把它另存为一下的时候，你的另存为的文件的表格就会生成tbody代码。（即便你的表格根本就没有tbody代码，IE5另存为时也会给你生成）你可以做一个表格，用ie打开然后另存为，看你另存为的文件的代码。（罗嗦了！！！）
=================================
可以认为只有IE5+才能认tbody
=================================
我不知道FP能不能生成tbody。我没用过。

内容总结

以上是互联网集市为您收集整理的tbody标签的妙用加速表格内容显示全部内容，希望文章能够帮你解决tbody标签的妙用加速表格内容显示所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/386217.html

来源：【匿名】

【上一篇】html页面中常用的一些小方法整理【下一篇】PHP 和 HTML

更多 ►

【tbody标签的妙用加速表格内容显示】教程文章相关的互联网学习教程文章

HTML5基础与列表、表格【代码】【图】

HTML是标记语言，HTML由一套标记标签（Markup Tag）组成，在制作网页时，使用标记标签来描述网页网页编辑工具：记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。标签都是成对出现的，有一个开头标记就对应地有一个结束标记，以“< >”开始、以“< / >”结束，要求成对出现，标签之间有缩进，体现层次感，方便阅读和修改。 HTML5的基本结构分为两部分：头部（head）和主体（body）。 @ <head> ... </head> 网页...

网页五--html插入表格【代码】

<html> <body> <html><body><p>每个表格由 table 标签开始。</p> <p>每个表格行由 tr 标签开始。</p> <p>每个表格数据由 td 标签开始。</p><h4>一列：</h4> <table border="1"> <tr><td>小军</td> </tr> </table> <h4>一行三列：</h4> <table border="4"> <tr><td>小明</td><td>小华</td><td>小强</td> </tr> </table> </body> </html>linux的五个命令：1、 ls命令：列出目标目录中所有的子目录和文件2、cd [dirName] cd:切换当...

JavaScript网站设计实践（六）编写live.html页面改进表格显示【代码】【图】

原文:JavaScript网站设计实践（六）编写live.html页面改进表格显示一、编写live.html页面，1、JavaScript实现表格的隔行换色，并且当鼠标移过时当前行高亮显示；2、是输出表格中的abbr标签的内容实现后的效果图是这样的：1、实现思路在输出表格的时候，给出一个判断，如果偶数或是奇数行我们想换色，则添加一个class为odd的值，在这个class里就设置了表格不同颜色tr行。这里用到了一个判断函数：（下面是两个不同的方法，任选其一...

HTML基础—一般标签、常用标签和表格的应用

<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body></html> --结束标签 注释body的属性： bgcolor 页面背景色 text 文字颜色（规定所有文本颜色） topmargin 上页边距 leftmargin 左页边距 rightmargin 右页边距 botto...

Python实现简单HTML表格解析的方法【代码】

本文实例讲述了Python实现简单HTML表格解析的方法。分享给大家供大家参考。具体分析如下：这里依赖libxml2dom，确保首先安装！导入到你的脚步并调用parse_tables() 函数。1. source = a string containing the source code you can pass in just the table or the entire page code2. headers = a list of ints OR a list of strings If the headers are ints this is for tables with no header, just list the 0 based index of...

HTML表格基础知识总结【图】

表格的基本就是一个框架，难点就是对表格的优化处理。<table frame="hsides" border="1" width="300px" height="100px" align="center" bordercolor="#00FF00"><caption>学生信息</caption><tr><th>学号</th><th>学号</th><th>学号</th></tr><tr id="bg"><th>123</th><th>123</th><th>123</th></tr></table>这一个最简单的表格；效果如下：至于表格的优化可以分为1.边界2.表格背景3.表格位置4.单元格间距，单元格边距。1.边界：b...

支持10种格式的 HTML 表格导出 jQuery 插件【图】

HTML 表格导出 jQuery 插件可以帮助用户导出 HTML 表格到 JSON、XML、PNG、CSV、TXT、SQL、MS-Word、MS-Excel、MS-PowerPoint 和 PDF 格式。您可以轻松地设置字体大小，分隔符，导出类型等。您可能感兴趣的相关文章Web 开发中很实用的10个效果【附源码下载】精心挑选的优秀jQuery Ajax分页插件和教程12款经典的白富美型 jQuery 图片轮播插件让网站动起来！12款优秀的 jQuery 动画插件精心挑选的美轮美奂的 jQuery 图片特效插件立...

使用Excel快速生成html表格【代码】

一般情况下，页面的表格内容都比较简单，但是遇到有复杂表头，而且项数非常多的时候，手动写html非常麻烦耗时这时候，只需要利用Excel就行了，在Excel中画出要求的表格，直接另存为html即可。如果只想要表格，拷贝里面的table。但是此时拷贝的html表格是不可编辑的，因为没有输入框。加入想要编辑表格，方法有两种。一种是直接在每个td里面添加input输入框，不过样式很丑，因为不能保证每个input高度、宽度和td一致，如果想要一致...

HTML表格【代码】

1，<table>标记　　a，基本格式<table 属性1=“属性值” 属性2 ＝属性值>表格内容</table>　　b，table 标记的属性　　　　width属性：表示表格的宽度，他的值可以是像素（px）也可以是父级元素的百分之百（％）　　　　height属性：表示表格的高度，他的值可以是像素（px）也可以是父级元素的百分比（％）　　　　border属性：表示表格外边框的宽度　　　　align属性：表格的显示位置，值left居左显示 center居中显示 right居右...

JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强【代码】【图】

对上篇博客的最后那个表格隔行高亮显示加了个功能，鼠标监听和年龄从小到大排序。演示代码：<html><head><title>DHTML技术演示---表格中页面中的显示操纵--行间隔高亮显示</title><metahttp-equiv="content-type"content="text/html; charset=UTF-8"><styletype="text/css">@importurl(table.css);.one{background:#00ff00;}.two{background:rgb(210,0,0);}.over{background-color:#ffff00;}</style><scripttype="text/javascript"...

HTML基础2(表格)【代码】【图】

HTML 表格HTML 图像HTML 列表你可以使用 HTML 创建表格。实例表格这个例子演示如何在 HTML 文档中创建表格。表格边框本例演示各种类型的表格边框。（可以在本页底端找到更多实例。）表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等...

HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK

在表头中，可以单独定义暗边框色。基本语法<TH Bordercolordark=color_VALUE>语法解释定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。文件范例：10-38.htm设定表头暗边框的颜色。01 02 03 04 05 <HTML>06 <HEAD>07 <TITLE>设定表头暗边框颜色</TITLE>08 </HEAD>0...

SQL Server 2008 自动发邮件HTML表格

DECLARE @emailBody NVARCHAR(MAX); SET @emailBody = N‘<style>table{table-layout:fixed;width:1200px;border:1px solid #000000;border-collapse:collapse;font-size:12px;empty-cells:show;}‘ N‘th,td{border:1px solid #000000;padding:3px;}</style>‘N‘<H2>销退单</H2>‘ --标题 N‘<table>‘ + N‘<thead><tr>‘N‘<th style="width:80px;">品号</th>‘N‘<th style="width:90px;">品名</th>‘N‘<th style="widt...

HTML表格标记教程(2):表格的边框属性BORDER

默认情况下，表格的边框为0，我们可以为表格设置边框线。基本语法<TABLE BORDER=VALUE>语法解释通过BORDER属性定义边框线的宽度，单位为像素。文件范例：10-2.htm设定边框线的宽度。01 02 03 04 05 <HTML>06 <HEAD>07 <TITLE>设定表格的边框宽度</TITLE>08 </HEAD>09 <BODY>10 <...

html(2)有序，无序，定义列表，表格

1.无序列表<ul>.............声明无序列表<li></li>列表项</ul>例如：<html> <head> 　　<title>例如</title> </head> <body> 　　<ul> 　　　　<li>第一步：清洗面部</li> 　　　　<li>第二部：涂爽肤水</li> 　　　　<li>第三部：涂乳液</li> 　　　　<li>第四部：涂防晒</li> 　　</ul> </body></html>运行结果：第一步：清洗面部第二部：涂爽肤水第三部：涂乳液第四部：涂防晒补充：type属性：circle(空心圆),square(实体方...

HTML - 技术教程分类

HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 总结 XHTML 简介 HTML 媒体(Media) HTML 插件 HTML 实例 HTML 标签列表（功能排序） HTML 属性 HTML 事件 HTML 画布 HTML 音频/视频 HTML 颜色名 HTML 字符集 HTML ASCII HTML ISO-8859-1 HTML 符号 HTML 语言代码 html 全部

HTML - 最热教程

html5代码如何实现进度条功能？（示例）javascript中html字符串转化为jquerydo...HTML5实战与剖析之CSS选择器——getEle...html5中设置或返回音频/视频是否应该被...HTML5获取设备信息 jQuery打印指定区域Html页面并自动分页...jQuery+HTML5+CSS3制作支持响应式布局时...JS+HTML5实现上传图片预览效果完整实例...php删除html标签和标签内的内容的方法总...XMLHttpRequest中responseText如何获取...

首页 / HTML / tbody标签的妙用加速表格内容显示

tbody标签的妙用加速表格内容显示

内容导读

内容图文

内容总结

内容备注

内容手机端

【tbody标签的妙用加速表格内容显示】教程文章相关的互联网学习教程文章

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程