搜索
首页web前端css教程与部分元素的交易

与部分元素的交易

同一天发表了两篇文章:

  1. 布鲁斯·劳森(Bruce Lawson)在《粉碎杂志》上
  2. Pine上的Adam Laki:和
    元素之间的差异

    他们比较略有不同的内容,但它们都涉及元素。

    我发现当您达到

    时,我会很清楚:当您希望该元素本质上毫无意义时。您仅将其用于样式目的。

    当我想到

    :这一点的内容是否有意义(不一定是文章的全部内容)时,我总是想到RSS吗?如果是,请使用;如果没有,请不要。

    布鲁斯有一个回答:

    […]不仅将视为报纸文章,还是博客文章,而且是服装的文章,这是一个可以在另一种情况下重复使用的离散实体。因此,您的裤子是一篇文章,您可以穿着不同的衣服穿上它们。您的衬衫是一篇文章,可以与不同的裤子一起穿。您的膝盖长度皮革细节靴是一篇文章。

    更重要的是,它具有一些实际功能。布鲁斯(Bruce)提到Apple WatchOS专门使用它来查找页面上的内容。

    但是更含糊。在某一时刻,您应该将部分视为您的

    标题可以重置的地方,但这永远不会实现,因为它需要一个称为“ html5概述”的东西,零浏览器支持。

    那么我们应该完全使用吗?据布鲁斯说,有时! 《 Smashing Magazine for文章设计》在本文开头进行了摘要。从视觉上讲,这很清楚,但对于屏幕阅读器用户而言,这还不错。该解决方案将摘要包裹在带有ARIA标签的元素中,以清楚地表明。但是,除非该元素也有角色,否则您不应该使用Aria-label。您可以将角色应用于

    ,但是已经具有良好的默认角色,因此:
     
      摘要文字
    

    亚当的文章(对不起,亚当)对这些要点很含糊。

    主要区别来自语义。如果您在网站或应用程序中有其逻辑的一部分,则需要使用标签来声明它…

    …在逻辑上使用在逻辑上正确地将您的网站的一部分或应用程序读取为辅助技术。如果您牢记屏幕阅读器,这是一种很好的方法。

    因此,您可以自动获得一个prome =“区域”,但我不确定这对屏幕读取器有任何作用,没有标签。在快速测试中(启用了配音的Chrome desktop),A 没有Aria-Label的A 在Web转子的地标部分中不存在,但是一旦带有ARIA标签,它就会出现。

    要点是:不要仅使用,并假设您在为可访问性做好事。它的目的非常有限,仅对建立地标有用。即使那样,您也不会有太大帮助。莱昂妮·沃森(Leonie Watson)在评论中:

    当选择在视觉隐藏的标题和带有可访问名称的截面元素之间,在确定哪种方法是正确的方法之前,有几件事要考虑。

    当截面元素具有可访问的名称时,它将成为可导航的地标元素,因此屏幕读取器用户可以使用其屏幕读取器的快捷键从一个键到另一个键,就像他们可以使用标题一样。

    但是,根据最近的WebAim屏幕读取器用户调查,有68%的屏幕阅读器用户更喜欢通过标题导航,而2.9%的人更喜欢地标。

    因此,从严格的可访问性角度来看,您可能会删除标题,但是从可用性的角度来看,您确实想保持标题 - 至少直到更多的屏幕阅读器用户表示偏爱使用地标在浏览内容上。

以上是与部分元素的交易的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
什么是CSS网格?什么是CSS网格?Apr 30, 2025 pm 03:21 PM

CSS网格是创建复杂,响应式Web布局的强大工具。它简化了设计,提高可访问性并提供了比旧方法更多的控制权。

什么是CSS Flexbox?什么是CSS Flexbox?Apr 30, 2025 pm 03:20 PM

文章讨论了CSS FlexBox,这是一种布局方法,用于有效地对齐和分布响应设计中的空间。它说明了FlexBox用法,将其与CSS网格进行了比较,并详细浏览了浏览器支持。

我们如何使用CSS使网站迅速响应?我们如何使用CSS使网站迅速响应?Apr 30, 2025 pm 03:19 PM

本文讨论了使用CSS创建响应网站的技术,包括视口元标签,灵活的网格,流体媒体,媒体查询和相对单元。它还涵盖了使用CSS网格和Flexbox一起使用,并推荐CSS框架

CSS盒装属性有什么作用?CSS盒装属性有什么作用?Apr 30, 2025 pm 03:18 PM

本文讨论了CSS盒装属性,该属性控制了元素维度的计算方式。它解释了诸如Content-Box,Border-Box和Padding-Box之类的值,以及它们对布局设计和形式对齐的影响。

我们如何使用CSS动画?我们如何使用CSS动画?Apr 30, 2025 pm 03:17 PM

文章讨论使用CSS,关键属性并与JavaScript结合创建动画。主要问题是浏览器兼容性。

我们可以使用CSS向我们的项目添加3D转换吗?我们可以使用CSS向我们的项目添加3D转换吗?Apr 30, 2025 pm 03:16 PM

文章讨论了Web项目的3D转换,关键属性,浏览器兼容性和性能注意事项的讨论。(角色计数:159)

我们如何在CSS中添加梯度?我们如何在CSS中添加梯度?Apr 30, 2025 pm 03:15 PM

文章讨论了使用CSS梯度(线性,径向,重复)来增强网站视觉效果,添加深度,焦点和现代美学。

CSS中的伪元素是什么?CSS中的伪元素是什么?Apr 30, 2025 pm 03:14 PM

文章讨论了CSS中的伪元素,它们在增强HTML样式方面的使用以及与伪级的差异。提供实用的例子。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),