解析HTML表格的标题

开课吧开课吧锤锤2021-08-03 11:57

<th>元素和<td>元素的用法一样,但它的作用是表示列或行的标题(th代表tableheading)。  

解析HTML表格的标题

代码部分  

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Th</title>

</head>

<body>

	<table>

		<tr>

			<th></th>

			<th scope="col">Saturday</th>

			<th scope="col">Sunday</th>

		</tr>

		<tr>

			<th scope="row">Tickets sold:</th>

			<td>120</td>

			<td>135</td>

		</tr>

		<tr>

			<th scope="row">Total sales:</th>

			<td>$600</td>

			<td>$675</td>

		</tr>

	</table>

</body>

</html>

效果展示  

解析HTML表格的标题

即使一个单元格中没有任何内容,仍然需要用<td>或者<th>元素来表示一个空单元格的存在,否则该表将无法正确呈现。  

浏览器通常以粗体显示<th>元素的内容,并在单元格内居中显示这些内容。  

在表格的标题上使用<th>元素可以帮助那些使用屏幕阅读器的用户,提升搜索引擎为你页面编写索引能力,还可以在你开始使用CSS之后让你更好地控制表格的外观。  

最后,可以再<th>元素上使用scope特性来表明此元素是列标题还是行标题。scope特性可以取值为:row(指明这是一个行标题),col(指明这是一个列标题)。  

以上就是开课吧广场小编为大家整理发布的“解析HTML表格的标题”一文,更多Web教程相关信息尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营