<canvas>,<caption>,<cite>, <code>,<col>, <colgroup>标签文档

<canvas>标签

<canvas id="canvas">浏览器不支持</canvas>
<script>
var canvas = document.getElementById('canvas')
var ctx = canvas.getContext('2d')
ctx.fillStyle = '#FF0000'
ctx.fillRect(0,0,100,100)
</script>

说明:该标签用于定义客户端矢量图,它本身没有行为,但它把绘图API展现给了客户端JavaScript,这也是它同svg不同的地方,svg是使用一个XML文档来描述绘图,他们在功能上是等同的,svg的优点是绘图很容易编辑。该标签有heightwidth属性,单位是px, 用于定义画布宽高,但通常我们使用JavaScript来设置。

<caption>标签

我是标题
语文 数学
98 98
<table>
  <caption>我是标题</caption>
  <tr>
    <th>语文</th>
    <th>数学</th>
  </tr>
  <tr>
    <td>98</td>
    <td>98</td>
  </tr>
</table>

说明:该标签定义表格的标题,它必须紧跟在table后面,这个标题会居中显示。该标签的align属性建议用样式代替。

<cite>标签

GitHub是通过Git进行版本控制的软件源代码托管服务

<p>GitHub是通过Git进行<cite><a href="https://zh.wikipedia.org/wiki/%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6">版本控制</a><cite>的软件源代码托管服务</p>

说明:该标签表示对某个参考文献的引用,比如书籍杂志的标题。如果引用的文档有参考链接,应该在cite标签内添加a标签。他还有一个隐藏功能,浏览器可以自动摘录产考链接,作为一个单独的文档菜单来显示,任何人都可以这样做。

<code>标签

Javascript css

<code>Javascript</code> <code>css</code>

说明:该标签用于表示计算机源代码,样式上呈现等宽字体,它是行内元素。如果需要定义大量的编程代码,应该使用pre标签,他可以保留空格和换行,他是块级元素。另外如果仅仅只是想象在样式上呈现等宽字体,可用tt标签,当然最好还是用css来设置。

<col>标签

<table width="100%" border="1">
  <col span="2" style="background-color: red">
  <col style="background-color: green">
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td>$47</td>
  </tr>
</table>

说明:该标签为表格的列应用样式。浏览器支持的属性有align:规定水平对齐方式(chrome测试无效果,用css设置样式),valign:规定垂直对齐方式(chrome无效),span:规定col横跨的列数(值为数字),width: 规定col的宽度。

<colgroup>标签

<table width="100%" border="1">
<colgroup style="background-color: red">
  <col style="background-color: green">
</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>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td>$47</td>
  </tr>
</table>

说明:该标签和col标签有相同的属性,colgroup可以包括col标签,这两个标签的span默认值都为1。如果为col设置了span这不要再为colgroup设置span,因为会被覆盖掉。

posted @ 2021-09-30 14:14  wmui  阅读(46)  评论(0编辑  收藏  举报