“...没有特殊的意义在所有...作者强烈鼓励查看div元素作为最后一个元素的，因为当没有其他元件是合适的。使用div元素，而不是更合适的元素导致交通不便为读者和可维护性差的作家“。

同样，关于span元素：

“span元素并不意味着什么在其自己的…”

什么，你需要的是结构

您所使用的HTML元素应该描述的内容和它是如何组织的。以前的HTML标记可以改写成这样：

<头>

div标签
DIV元素是最通用的HTML。

<主>
我爱时，我可以使用DIV标签。他们是如此之大！下面是一些
原因我爱他们。

• 它的名字是唯一的3个字母。
  
• 他们是如此的灵活，我可以但是他们的风格我想要的。
  
• DIV元件由所有浏览器所支持。
  
  
  <页脚>
  2017年版权所有
  

  重要意义无障碍

  使用语义HTML元素不只是帮助他们了解的内容更好地造福其他开发商，这也让使用辅助技术，如屏幕阅读器，以更好地了解和浏览内容的人。

  一些元件被视为在HTML文档中的地标，例如<标题>，<主>和<页脚>。一些辅助技术可以使用这些元素快速从里程碑跳到里程碑。

  正确使用其他HTML元素的使用提供辅助技术，无论是预期和/或附加的行为和功能的人。例如，在

  元素可以通知用户多少个项在列表中，并允许他们轻松地通过每一个项目进行导航。辅助技术还可以使用户能够浏览在

  ...

  层次或所有页面上的链接的。

  锚点按钮

  这是可能的错误使用HTML元素。从表面上看，这样做看似无害，但有人依靠辅助技术，这可能是有问题的。一个常见的错误是在元件的误用作为按钮，而不是使用一个<按钮>元素。下面的HTML片段都可以样式在视觉上看起来相同的按钮：

  class="btn"我一个按钮

  我是一个按钮

  <跨度类=” BTN”>我是一个按钮

  不幸的是，这些都不具有相同的开箱即用的功能和体验，一个<按钮>元素。

  • 和元素将不被包含在没有指定的tabindex属性值的标签顺序;不包括元素没有href属性值。
  • 重点跨浏览器：视觉焦点的状态并不一致默认情况下使用*实现。
  • 预计位置，然后输入键盘的功能需要一致实施了
    ，和
  • 和元素将被简单地鉴定为纯文本使用辅助技术有人;元素将被认定为链接。

  鸭子测试

  Using proper HTML is simple and can go a long way to keep your content accessible, and while the issues above can be addressed through the use of things like WAI-ARIA, CSS, and javascript, it’s just a lot easier to use a for a button and a

  for a header. If it looks like a duck, swims like a duck, and quacks like a duck, then it probably is a duck…and should be a duck.

  请继续关注每月的第三个星期二更多科技博客周二！

  
  

  作者简介：

  
  

  马特长的技术领导者和开发人员拥有超过15年的经验，目前大风，一个圣智学习公司担任软件工程经理和开发工作。金宝搏彩票他的成功来自于由干劲十足的人包围，并热衷于不断自我完善，网络，标准，使内容提供给大家。他曾在关于Web开发和可访问性会议和各种聚会，促成开源软件项目，偶尔志愿者的时间来工作，一个非营利性网站可访问性组织。Web开发是绝对不只是他的日常工作。

  
  

  除了所有的东西web开发，马特和他的妻子与他们的2个年轻的男孩和2岁的哈巴狗一个伟大的生命。当天他试图花费起动了吉他在地下室试图听起来像他的一些收藏页，亨德里克斯，格林伍德，寇根，白色，和奥尔巴赫的任何剩余时间。