HTML5 教程之标签(3)

ops/2025/2/7 9:33:42/
htmledit_views">

HTML5 <center> 标签 (已废弃)

定义和用法

<center> 标签对其包围的文本进行水平居中处理。HTML5不支持使用<center>标签,因此有关该标签的更多信息,请参考“HTML <center>标签”部分!

示例:

<center>这个文本将被居中
<p>这是一个段落</p></center>

示例 2 (CSS 替代)

<div style="text-align:center">这个文本将被居中<p>这是一个段落</p></div>

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,不支持该标签。请使用 CSS 代替。

提示和注释

提示:请使用 CSS 来居中文本。

相关参考

CSS教程:CSS text-align 属性

HTML5 <command> 标签 (已废弃)

实例

HTML5 <command>标签用于定义命令按钮。

<command> 可以进行如下标记:

<menu>
<command type="command" label="Save" onclick="save()">Save</command>
</menu>

尝试一下 »


浏览器支持

Internet Explorer

Firefox

Opera

Google Chrome

Safari

目前,主流浏览器都不支持 <command> 标签。

注释:只有 IE 9 支持 <command> 标签,其他之前版本或者之后版本的 IE 浏览器不支持 <command> 标签。


标签定义及使用说明

<command> 标签可以定义用户可能调用的命令(比如单选按钮、复选框或按钮)。

当使用 <menu> 元素时,command 元素将作为菜单或者工具栏的一部分显示出来。但是,用 command 规定键盘快捷键时,command元素能被放置在页面的任何位置,但元素不可见。


HTML 4.01 与 HTML5之间的差异

<command> 标签是 HTML 5 中的新标签。


属性

New :HTML5 中的新属性。

属性描述
checkedNewchecked规定当页面加载时,command 是否被选中。仅用于 radio 或 checkbox 类型。
disabledNewdisabled规定 command 是否可用。
iconNewURL规定作为 command 来显示的图像的 URL。
labelNewtext必需。规定 command 的名字,对用户可见。
radiogroupNewgroupname规定可进行切换且将被切换的 command 所属的组名。仅在类型为 radio 时使用。
typeNewcheckbox
command
radio
定义 command 的类型。默认是 "command"。

全局属性

<command> 标签支持 HTML 的全局属性。


事件属性

<command> 标签支持 HTML 的事件属性。

HTML5 <canvas> 标签

HTML <canvas> 标签

实例

通过 <canvas> 元素来显示一个红色的矩形:

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8"> 
<title>编程狮(w3cschool.cn)</title> 
</head> 
<body><canvas id="myCanvas">你的浏览器不支持 HTML5 canvas 标签。</canvas><script>
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script></body>
</html>

浏览器支持

Internet Explorer

 

Firefox

 

Opera

 

Google Chrome

 

Safari

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <canvas> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <canvas> 标签。

标签定义及使用说明

<canvas> 标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。

<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

HTML 4.01 与 HTML5之间的差异

<canvas> 标签是 HTML5 中的新标签。

提示和注释

注释:<canvas> 元素中的任何文本将会被显示在不支持 <canvas> 的浏览器中。

提示:如想了解 canvas 对象的所有属性和方法,请参阅HTML 画布参考手册。

属性

New : HTML5 中的新属性。

属性描述
height     (New)pixels规定画布的高度。
width      (New)pixels规定画布的宽度。

全局属性

<canvas> 标签支持 HTML 的全局属性。

事件属性

<canvas> 标签支持 HTML 的事件属性。

HTML5 <col> 标签

实例

HTML5 <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>

尝试一下 »


浏览器支持

Internet Explorer

Firefox

Opera

Google Chrome

Safari

所有主流浏览器都支持 <col> 标签。


标签定义及使用说明

<col> 标签规定了 <colgroup> 元素内部的每一列的列属性。

通过使用 <col> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。


HTML 4.01 与 HTML5之间的差异

HTML5 中不再支持 HTML 4.01 中的大部分属性。


HTML 与 XHTML 之间的差异

在 HTML 中,<col> 标签没有结束标签。

在 XHTML 中,<col> 标签必须被正确的关闭。


属性

属性描述
align (已废弃)left
right
center
justify
char
HTML5 不支持。规定与 <col> 元素相关的内容的水平对齐方式。
char (已废弃)characterHTML5 不支持。规定根据哪个字符来对齐与 <col> 元素相关的内容。
charoff (已废弃)numberHTML5 不支持。规定第一个对齐字符的偏移量。
spannumber规定 <col> 元素应该横跨的列数。
valign (已废弃)top
middle
bottom
baseline
HTML5 不支持。规定与 <col> 元素相关的内容的垂直对齐方式。
width (已废弃)%
pixels
relative_length
HTML5 不支持。Specifies the width of a <col> element


全局属性

<col> 标签支持 HTML 的全局属性。


事件属性

<col> 标签支持 HTML 的事件属性。

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> 

尝试一下 »


浏览器支持

Internet Explorer

Firefox

Opera

Google Chrome

Safari

所有主流浏览器都支持 <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 (已废弃)characterHTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff (已废弃)numberHTML5 不支持。规定第一个对齐字符的偏移量。
spannumber规定列组应该横跨的列数。
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>

尝试一下 »


浏览器支持

Internet Explorer

Firefox

Opera

Google Chrome

Safari

所有主流浏览器都支持 <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 的事件属性。


http://www.ppmy.cn/ops/156402.html

相关文章

github下载失败网页打开失败 若你已经知道github地址如何cmd下载

直接打开命令行&#xff1a; winr cmd 输入&#xff1a;git clone 地址 eg&#xff1a;git clone https://github.com/akospasztor/stm32f103-dfu-bootloader

软件测试丨PyTorch 简介

PyTorch 简介 PyTorch 是一个基于 Python 的开源机器学习库&#xff0c;广泛用于深度学习研究和应用开发。它由 Facebook 的 AI 研究团队开发并维护&#xff0c;因其灵活性和易用性而受到广泛欢迎。 主要特点 动态计算图&#xff1a; PyTorch 使用动态计算图&#xff08;Dyna…

FreeRTOS 列表和列表项

在 FreeRTOS 的源码中大量地使用了列表和列表项&#xff0c;因此想要深入学习 FreeRTOS&#xff0c;列表和列表项是必备的基础知识。这里所说的列表和列表项&#xff0c;是 FreeRTOS 源码中 List 和 List Item 的直译&#xff0c;事实上&#xff0c;FreeRTOS 中的列表和列表项就…

华为手机nova9,鸿蒙系统版本4.2.0.159,智慧助手.今天版本是14.x,如何卸载智慧助手.今天?

手欠&#xff0c;将手机鸿蒙系统升级到4.2.0.159后&#xff0c;出现了负一屏&#xff0c;负一屏就是主页向左滑&#xff0c;出现了&#xff0c;如图的界面&#xff1a; 华为鸿蒙系统负一屏的界面 通过在手机中我的华为-搜索“开启或关闭智慧助手.今天&#xff08;负一屏&#…

2. K8S集群架构及主机准备

本次集群部署主机分布K8S集群主机配置主机静态IP设置主机名解析ipvs管理工具安装及模块加载主机系统升级主机间免密登录配置主机基础配置完后最好做个快照备份 2台负载均衡器 Haproxy高可用keepalived3台k8s master节点5台工作节点(至少2及以上)本次集群部署主机分布 K8S集群主…

Day37-【13003】短文,串的基本概念,匹配算法,算法时间复杂度,真题训练

文章目录 第二节 串串的基本概念串的模式匹配朴素的模式匹配算法(BF算法)算法最坏时间复杂度O(n x m) 改进的模式匹配算法(KMP算法)特征向量next&#xff0c;来确定k值特征向量next的算法实现 算法最坏时间复杂度O(n)进一步改进next值的计算&#xff0c;简化步骤 第四章真题真题…

Linux常用命令——文件目录类

文章目录 一、帮助命令manhelptype常用快捷键 二、文件目录类1.pwd显示当前工作路径的绝对路径2. ls 列出目录的内容3.cd切换目录4. mkdir 创建新目录5.rmdir删除一个空目录6.touch创建空文件7.cp 复制文件或目录8.rm删除文件或目录9.mv 移动10.cat/more/less 查看文件内容11.e…

go的sync包学习

包含了sync.Mutex,sync.RWMutex,sync.Cond,sync.Map,sync.Once等demo sync.Mutex //讲解mutex import ("fmt""math/rand""sync""time" )type Toilet struct {m sync.Mutex } type Person struct {Name string }var DateTime "2…