Demo_link.html

﻿<!DOCTYPE html>
<html lang="Zh_CN">
<head>

	<title>链接的测试</title>
	<link rel="stylesheet" href="css/demo/demo_1.css">
</head>

<body>

	<div id="link">
		<h3>链接</h3>
		<p>链接案例一：链接中的文本即可说明链接目的</p>
		<a href="https://www.w3.org/">W3C</a>
	<hr style="border:1 dashed #987cb9" width="80%" align="left">
	 
		<p>链接案例二：链接没有文本，只有图形，通过alt属性获取链接目的</p>
		<a href="https://www.w3.org/"><img src="pic/W3C.png" alt="W3C"></a>
	<hr style="border:1 dashed #987cb9" width="80%" align="left">

		<p>链接案例三：链接文本和图形的alt属性都可以被AT获取 </p>
		<a href="https://www.w3.org/"><img src="pic/W3C.png" alt=""><br>W3C</a>

	</div>
	
<br/>					
<hr/>
<table id="test">
  <tr> 
    <td></td>
    <td>NVDA</td>
    <td>VoiceOver</td>
  </tr>
  <tr> 
    <td>FF</td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td>Chrome</td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td>IE</td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td>EDGE</td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td>Safari</td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>