html属性（2）

注：只是自己的学习笔记，没有很大的参考价值。可参考官方网站，里面对这些属性有详细的介绍。

 

(1)<bdi>标签：

把用户名从周围的文本方向设置中隔离出来。

允许设置一段文本，使其脱离其父元素的文本设置。

有一个可选属性（dir）

 

(2)<bdo>标签

该标签可覆盖默认的文本方向。

例子：

<bdo dir=”rtl”>here is some paper</bdo>

当dir属性的值为rtl时，输出的结果是repap emos si ereh

如果dir属性的值我ltr时，输出的结果是here is some paper

 

(3)<blockquote>标签

定义长的引用

定义块引用，其中间的文本左右会进行缩进，即块引用拥有自己的空间。

 

注：用<q>标记短的引用，输出的效果是以双引号括起的形式。

 

(4)<br />折行

 

(5)<button>标签

例子：

<button type=”button”>Click me!</button>

在button元素内部可以放置内容，如文本或者图像，这是该元素与input元素不同之处

 

<form action=”action.jpg”>

<input type=”text” name=”firstname” value=”John”>

<input type=”text” name=”lastname” value=”Green”>

</form>

 

<button>标签的相关属性：

<disabled=”disabled”>

例子：

<button type=”text” disabled=”disabled”>click me</button>当使用该属性的时候，按钮被禁用。被禁用的按钮不可用，也不可点击。

<button type=”submit” form=”nameform” value=”Submit”>提交</button>

nameform 规定按钮属于一个或多个表单。

name属性:不同的button元素可以共享相同的名称，这允许标记带有相同名称的若干按钮，以便在表单使用时能够提交不同的值。

Type属性：type=”button”、type=”submit”、type=”reset”

value = “text”

 

(6)<canvas>标签：

下面的例子说明如何用canvas元素显示一个红色的矩形。

<canvas id="myCanvas"></canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);

</script>

(7)<caption>标签

定义表格的标题,其位置必须紧随<table>标签之后，并且每个表格只能有一个标题。

<table border=”5”>

<caption>表格标题</caption>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

 

(8)<cite>标签：

定义引用，可以对参考文献的引用进行定义，比如书籍或杂志的标题。

用法与<em>相似

如：<p>This is a book,which called <cite>Time Summarise</cite>.</p>

 

(9)<code>标签：

定义计算机代码文本，用法和<strong>等相近

 

(10)<col>标签

例子：col元素为表格中的三个列规定不同的对齐方式。

<table width="100%" border="1">

<col align="left" />

<col align="left" />

<col align="right" />

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

当需要全部运用样式的时候，<col>标签很有用，可以为其添加class属性，从而使用css样式调整对齐方式、颜色和宽度等设置。

注：<col>是空元素，没有结束标签。