HTML5 <colgroup> 标签、HTML5 <caption> 标签
HTML5 <colgroup> 标签
实例
HTML5 <colgroup>标签可以组合<col>标签。
<colgroup> 和 <col> 标签为表格中的三个列设置了背景色:
<table border="1"><colgroup><col span="2" style="background-color:red"><col style="background-color:yellow"></colgroup><tr><th>ISBN</th><th>Title</th><th>Price</th></tr><tr><td>3476896</td><td>My first HTML</td><td>$53</td></tr>
</table>
尝试一下 »
浏览器支持
所有主流浏览器都支持 <colgroup> 标签。
标签定义及使用说明
<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。
通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
注释:只能在 <table> 元素之内,在任何一个 <caption> 元素之后,在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。
提示:如果想对 <colgroup> 中的某列定义不同的属性,请在 <colgroup> 标签内使用 <col> 标签。
HTML 4.01 与 HTML5之间的差异
HTML5 中不再支持 HTML 4.01 中的大部分属性。
属性
属性 | 值 | 描述 |
---|---|---|
align (已废弃) |
left right center justify char |
HTML5 不支持。规定在列组合中内容的水平对齐方式。 |
char (已废弃) | character | HTML5 不支持。规定根据哪个字符来对齐列组中的内容。 |
charoff (已废弃) | number | HTML5 不支持。规定第一个对齐字符的偏移量。 |
span | number | 规定列组应该横跨的列数。 |
valign (已废弃) |
top middle bottom baseline |
HTML5 不支持。定义在列组合中内容的垂直对齐方式。 |
width (已废弃) |
pixels % relative_length |
HTML5 不支持。规定列组合的宽度。 |
全局属性
<colgroup> 标签支持 HTML 的全局属性。
事件属性
<colgroup> 标签支持 HTML 的事件属性。
HTML5 <caption> 标签
实例
HTML5 <caption>标签用来为表格定义一个标题,使用示例如下:
带有标题的表格:
<table border="1">
<caption>Monthly savings</caption>
<tr> <th>Month</th> <th>Savings</th> </tr>
<tr> <td>January</td> <td>$100</td> </tr>
</table>
尝试一下 »
浏览器支持
所有主流浏览器都支持 <caption> 标签。
标签定义及使用说明
<caption> 标签定义表格的标题。
<caption> 标签必须直接放置到 <table> 标签之后。
您只能对每个表格定义一个标题。
提示:通常这个标题会被居中于表格之上。然而,CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。
HTML 4.01 与 HTML5之间的差异
HTML5 不支持 align 属性。
HTML 4.01 已废弃 align 属性。
属性
属性 | 值 | 描述 |
---|---|---|
align (已废弃) |
left right top bottom |
HTML5 不支持。HTML 4.01 已废弃。 定义标题的对齐方式。 |
使用说明: 当 <table> 元素是 <caption> 的父元素,caption是 <figure> 元素的唯一后代的时候,使用 <figcaption> 元素替代 caption 元素
全局属性
<caption> 标签支持 HTML 的全局属性。
事件属性
<caption> 标签支持 HTML 的事件属性。
HTML5 <colgroup> 标签、HTML5 <caption> 标签相关推荐
- 02-表格基本格式以及各个标签的属性、boder/cellpadding/cellspacing的区分、th标签、caption标签
表格的基本格式 <table><tr><td></td></tr> </table> table.tr.td标签 table属性 ...
- php表格中的caption,html中caption标签的使用方法及实例详解
html5中 标签作用是定义表格标题,这里详细介绍下标签用法.标签属性以及标签应用实例. html中 标签作用:定义表格标题标签用法: caption 元素定义表格标题. caption 标签必须紧随 ...
- html5 colgroup标签,htmlcolgroup标签的使用与定义
html5中 标签作用是格式化表格中的列,这里详细介绍下标签用法.标签属性以及标签应用实例. html中 标签作用:格式化表格中的列标签用法: 标签用于对表格中的列进行组合,以便对其进行格式化. 如需 ...
- html5 colgroup标签,HTML5 colgroup 标签
实例 HTML5 标签可以组合标签. 和 标签为表格中的三个列设置了背景色: ISBN Title Price 3476896 My first HTML $53 尝试一下 » 浏览器支持 所有主流浏 ...
- HTML5笔记1——HTML5的发展史及标签的改变
记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...
- html5中figure怎么用,HTML5中figure和figcaption标签用法
HTML5中figure和figcaption标签一般都是配套使用的,先了解下两者的基本定义,然后结合实例来说明两者的用法. 标签规定独立的流内容(图像.图表.照片.代码等等). figure元素的内 ...
- html5表格所有属性,HTML5学习笔记之表格标签
HTML5学习笔记之表格标签 其他HTML5相关文章 一.表格标签 image 1.作用: 以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 2.格式 ...
- HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
- html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
- html5多大场景,HTML5新标签解释及其使用场景
我们来看一下HTML 5提供的一些新的标签用法和HTML 4的区别 标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本,亦或是来自其他外部 ...
最新文章
- 欲取代CNN的Capsule Network究竟是什么来头?它能为AI界带来革命性转折么?
- pytorch随笔-6
- 英语磁带与计算机磁带区别,小学教材仍配发英语磁带遭吐槽:谁还用录音机
- java 排序原理_简单选择排序算法原理及java实现(超详细)
- 工信部:支持符合条件的工业互联网企业上市
- LeetCode 76. 最小覆盖子串 (滑动窗口哈希表)
- 免费直播:1 小时带你体验 Python 车牌识别实战
- SimpleDateFormat多线程下的安全问题(解决方法)
- android的密码是多少,Android图形密码中 你最常用的是哪一个呢?
- LabVIEW编程LabVIEW控制研华PCI 1220运动控制卡例程与相关资料
- 微信小程序导入已有项目
- Gap Statistic算法详解
- 爬虫学习:爬取京东图书
- 病毒、木马、蠕虫与恶意代码关键点
- JavaScript:原生JS实现Facebook实时消息抓捕
- 对 Vue-SSR的理解和使用场景
- react函数组件 更新自动展示和暴露方法给父组件
- 统计之美:人工智能时代的科学思维
- 莫烦Python[基础教程]
- SAP BW/4 HANA基础学习(一)
热门文章
- GNSS产品下载链接
- ASM(六) 利用TreeApi 动态生成以及转换方法字节码
- 【5.12-5.13】实训Day-6Day-7记录
- GDOI2016 退役记
- postgres install + postgis install(二)
- 阿里巴巴 Java 开发手册评述
- iperf3 安装遇到 error while loading shared libraries: libiperf.so.0
- 大二暑假_SSM项目_培训教育板块
- 常见的框架模型介绍 - MVC, MVP, MVVM, MTV
- ios开发初级篇(上)