html5中如何添加超级链接

灰太狼 2022-09-17 05:27 274阅读 0赞

# HTML 5 <a> 标签 #

## 定义和用法 ##

<a> 标签定义超链接，它用于从一个页面连接到另一个页面。

## HTML 4.01 与 HTML 5 之间的差异 ##

在 HTML 4.01 中，<a> 标签既可以是超链接，也可以是锚。这取决于是否描述了 href 属性。

在 HTML 5 中，<a> 是超链接，但是假如没有 href 属性，它仅仅是超链接的一个占位符。

HTML 5 有一些新的属性，同时不再支持一些 HTML 4.01 的属性。

## 例子： ##

链接到

东东的博客：

<a href="http://blog.csdn.net/jiangdong2007">东东的博客</a>

在新窗口中打开 东东的博客：

<a href="http://blog.csdn.net/jiangdong2007" target="_blank">东东的博客</a>

## 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
   <th>4</th> 
   <th>5</th> 
  </tr> 
  <tr> 
   <td>charset</td> 
   <td>不赞成。规定目标 URL 的字符编码。</td> 
   <td>4</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>coords</td> 
   <td>不赞成。规定适于 shape 属性的坐标，为图像映射定义图像的区域。</td> 
   <td>4</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>href</td> 
   <td>链接的目标 URL。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>hreflang</td> 
   <td>规定目标 URL 的基准语言。仅在 href 属性存在时使用。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>media</td> 
   <td>规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。</td> 
   <td>&nbsp;</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>name</td> 
   <td>不赞成。命名一个锚。不支持。使用 id 代替。</td> 
   <td>4</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>ping</td> 
   <td> <p>由空格分隔的 URL 列表，当用户点击该链接时，这些 URL 会获得通知。</p> <p>仅在 href 属性存在时使用。</p> </td> 
   <td>&nbsp;</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>rel</td> 
   <td>规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>rev</td> 
   <td>不赞成。规定目标 URL 与当前文档之间的关系。</td> 
   <td>4</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>shape</td> 
   <td>不赞成。为当前 area 标签中的映射定义的地区类型。与 coords 属性一起使用。</td> 
   <td>4</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>target</td> 
   <td>在何处打开目标 URL。仅在 href 属性存在时使用。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td>规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
 </tbody> 
</table>

### 标准属性 ###

class, contenteditable, contextmenu, dir, draggable, id, 
    irrelevant, lang, ref, registrationmark, tabindex, template, title

如需完整的描述，请访 HTML 5 中标准属性。

### 事件属性 ###

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
    ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
    ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
    onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
    onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述，请访 HTML 5 中事件属性。