HTML基础教程下载

但要掘尽其能，还是得让快捷键更直白。可以使用像 “ 跳过导航 ” 连接技术（下详）或者选择一个独立的页面来说明你网站的这些易用性相关功能，包括快捷键。一个越来越流行的方法是一个与快捷键相一致的字母上加下划线，类似于 Window 顺序菜单中的方法。从这篇 A List Apart 文章可以了解更多。连接的标题为连接添加标题属性 titl 一个好主意，这会给用户所指向连接的予说明，所以能改进导航。假如这个连接是执行 Javascript 这也有利于为没有使用 Javascript 功能的用户解释什么将会（或不会）发生。 <a href="#" onclick="opennastypopup " onkeypress="opennastypopup " title="Open a nasti Javascript pop-up window">Monster</a> 弹出窗口说到 Javascript 弹出窗口，要坚持使用的话，或者很多人（用户）告诉你要使用，可以用 onkeypress 和 onclick 来使得页面更易用。并且，功能上定义了返回 fals 弹出窗口，包括一个带有 href 属性指向普通页面的连接，对于一个没有使用 Javascript 功能的用户来说，可以以普通方式载入这个页面。比方： <script type="text/javascript">funct opennastypopup {window.open "monster.html", 注意快捷键的麻烦是用户经常没有方法知道它哪里和到底是什么键（除非检查源代码）虽然 JA WS 一个可以大声读出快捷键的屏幕阅读器。 "", "toolbar=no,height=100,width=200" ;return false; }</script> ...<a href="monster.html" onclick="return opennastypopup " onkeypress="return opennastypopup ">Monster</a> 相邻的连接相邻的连接应该至少用空格隔开，以便为屏幕阅读器清晰辩明。这也可以用字符来完成，连接之间的比如竖线 | 连接 | 连接）或者解围连接的如中括号 [] [ 连接 ] [ 连接 ] 把连接放在列表里面也是一个好主意。然后可以用 CSS 来样式化显示，甚至可以是并行的列表（用 display: in-lin 跳过导航你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。这是因为，假设你连接是固定的应该是用户不必经受每一页同样的信息，尤其是大量的可以设置一个连接，跳过导航直接跳到内容的连接。看起来像是这样的 <div id="header"><h1>Th Heading</h1><a href="#content" accesskey="n">Skip navigation</a></div><div id="navigation"><!--load of navig stuff --></div><div id="content"><!--lov content --></div> 显然，没有必要在可视化浏览器中显示它所有你可以用 CSS 开隐藏它注意这是虽然只是一个 CSS 小技巧，但是跳过导航 ” 特效药。这涉及到隐藏连接的方法。最常见的方法可能是使用 display: none 但有些浏览器看到但不理解这个连接，跳过导航 ” 连接必需显示。然而没有必要显示 ─ 没有理由显示给醒目的用户。所以坚持使用包括 display: none 样式，还不如把元素宽和高设置为零（ width: 0; height: 0; overflow: hidden; 这有相同的视觉效果，但可以使屏幕阅读器理解优化亲和力和易用性。 HTML 高级指南的目的开拓 HTML 优点。可能某些没有读过初级和中级指南的人对这个指南的某些方面感到难以理解，因为 HTML 初级指南和 HTML 中级指南持使用最新 HTML 规范（ XHTML 1.0 以上版本）立场。这也是规范要点存在原因。总体上，这个指南的各部分都假设你对 HTML 已经里外理解，并要进一步开发它潜能。规范要点隐含在分离内容和表现后面含义还未觉醒的人们 这个教程给那些虽然已经了解 HTML 但对经不起未来 XHTML 规范的考验。分离内容和表现但从用户端结合元素来格式化文本，HTML 历来就不是表示的手段。开发者从中找到操作布局的方法。 CSS 强大，使得现在不再需要用 HTML 做任何表现了而内容也可以完全从表现（ CSS 中分离出来。有着用一个主要样式表就可控制整个网站而不是单个页面的灵活性，这样做有很多好处 ─ 通常可以压缩文件容量。也可能使页面更易用，更具亲和力。比方 bgcolor 属性不应该再使用。甚至在图像标签 img 内的边框属性 border XHTML 1.1 中也是非法的别担心，遵循这些基本原则基本上意味着你不应该在 HTML 内使用样式化的任何事物了比方 font 标签。过时的 HTML 可以样式化， CSS 更可以样式化，而且可以做得更好。内容的结构意味着在适合的地方使用明确的 HTML 标签。比方，不只仅是从 HTML 内剥离表现。 h1 h2 等应用在标题上 ─ 而不仅仅是使用 CSS 使字体变大而已。但不支援样式表的文本浏览器，最佳指引就是一个可视化的浏览器上使用其默认的样式来呈现一个没有样式表（或者有样式表。比方 lynx 译者注）页面。完全改变有很大的技术难度。这个方法很大程度上压缩了文件，表格不应该用在布局上 ─ 表格用来表示表格式的数据（已经诲人不倦地说了很多次 ─ 译者注）也许对于已经习惯激进结构的 HTMLer 来说。而且，基于这些显性代码，变得更易用，更具亲和力。请阅读 CSS 高级指南的布局。 关于更多。标签XHTML 中所有的标签都必须小写和关闭。没有闭合标签的如 br 和 img 必需用英文半角正斜杠 “ / 后面自关闭（如 <br /> 注意在斜杠前应该有一个英文半角空格。标志也必须是合式的使元素正确嵌套（比方 <strong><em>this</em></strong> 而不是 <strong><em>this</strong></em>所有的文档都要有 html head titl 和 bodi 元素。也必需从文档类型声明开始。文档主体应该从 p h1 h2 h3 h4 h5 h6 div pre address in 或者 del 开始。属性所有的属性必需是小写的值也要用英文半角引号括（ " 起来。精简属性必需给出跟属性名称一样的值（如 <input type="checkbox" checked="checked" /> 精简属性是不允许的比方 <input type="checkbox" check /> 按惯例。名字 name 属性不再是合法的除了表单元素中）应该使用 id 来代替。有些癫狂。 目标属性 target 不是一个合法的属性。庆幸吧。alt 属性是必需的 img 里。亲和力有一天我老了视力消退，为残障人士制做具有亲和力网页的理由是不证而明的不只是人道的而且也对老年用户和五官功能减退的用户有利（想一想。五官不灵，怎么浏览互联网？为年老积点德，现在就考虑亲和力吧！译者注）亲和力不只与有严重残障人士方便，也使大部分少量消退功能（特别是视觉）用户更为易用。试图积极推动强制使用亲和力；英国，这个问题越来越牵涉法律问题了比如美国的 508 条款 ” 采用。所有的政府网站必需有一个指定的亲和力水平。什么时候才可以有像在建筑物上的亲和措施的立法，以便普遍用在商业网站上？中国还不知道什么时候有这种立法呢！但不等于我就不要关注我设计的网页的合法性。译者注）HTML 应该已经具备了为残障用户服务的高度亲和力。还有更多的创作使你亲和力更上一层楼，如果能遵循上述的建议。而且不难。见亲和连接和亲和表单指南。亲和连接这个专栏处置能使连接更具亲和力的多种方法。tab 浏览并且自身也要有逻辑 tab 顺序。尽管 HTML 线性的 tabindex 属性允许你定义它快捷键们顺序，不或不能使用指点设备的用户可以用快捷键 tab 键来打开连接。而且这些逻辑 tab 应该可以自动落入自己位置。快捷键比起使用 tab 键操作连接更快捷，快捷键可以通过键盘的特定按键进行更方便的导航（当按住 Alt 键或者 Ctrl 键时获得焦点）对于那些没有指点设备的用户。更方便。但为主要导航连接都设置是一个不错的主意。 没有必要为每一个连接都设置快捷键。<a href="somepage.html" accesskey="s">Som page</a>