草庐IT

step_anchor

全部标签

html - 如何使 anchor 标记内的图像可访问?

假设我有一张如下图所示的图片。根据WCAG的说法,这张图片是实用的,因为它将用户链接到另一个页面。似乎我应该将链接的目标放在alt属性中,例如alt="comichomepage"。有视力障碍的人不会也想知道图像显示的是什么吗?该用户会喜欢alt="comicthatlinkstothecloudtweakshomepage"这样的东西吗?漫画似乎不是纯粹的装饰。Thispage做类似的事情(滚动到页面底部附近)。 最佳答案 您已经提出了这个问题,但没有提供足够的上下文。查看周围的内容、整个页面或整个网站会有帮助。周围是否有解释图片

html - 列表中包含的 anchor 上的填充不会调整列表项的高度

我想知道,为什么在嵌套在无序链接中的anchor上设置垂直填充不会调整列表项的高度。正如您在jsfiddle上看到的那样,标签比ul组件大,所以它与下面的div重叠。我希望li和ul的高度与其内容一样高,因此带有段落的div会向下移动。HTMLTab1Tab2Loremipsumdolorsitamet,consectetueradipiscingelit.Nullatinciduntsemperquam.Suspendissepotenti.Donecadipiscingconsequaterat.Morbisemper,liberovelpulvinartincidunt,lore

html - 列表中包含的 anchor 上的填充不会调整列表项的高度

我想知道,为什么在嵌套在无序链接中的anchor上设置垂直填充不会调整列表项的高度。正如您在jsfiddle上看到的那样,标签比ul组件大,所以它与下面的div重叠。我希望li和ul的高度与其内容一样高,因此带有段落的div会向下移动。HTMLTab1Tab2Loremipsumdolorsitamet,consectetueradipiscingelit.Nullatinciduntsemperquam.Suspendissepotenti.Donecadipiscingconsequaterat.Morbisemper,liberovelpulvinartincidunt,lore

firefox - 如何将 anchor 标记编码为 block 元素以包含其他 block 元素

我遇到了此thread中描述的相同问题.我想知道是否有其他方法可以达到相同的结果并避免这个问题。显然,即使anchor标记的显示CSS属性设置为“block”,Firefox也存在包含block元素的anchor标记问题。我想要达到的效果是让完整的block可以点击,而不是block中的文本。它还允许将悬停状态应用于整个block而不是链接部分。谁能推荐一种技术编辑:这就是我想要展示的:SomeText0FOLLOWERS2ANSWERS2QUESTIONS这是firefox呈现的内容:sometext0FOLLOWERS2ANSWERS2QUESTIONS

firefox - 如何将 anchor 标记编码为 block 元素以包含其他 block 元素

我遇到了此thread中描述的相同问题.我想知道是否有其他方法可以达到相同的结果并避免这个问题。显然,即使anchor标记的显示CSS属性设置为“block”,Firefox也存在包含block元素的anchor标记问题。我想要达到的效果是让完整的block可以点击,而不是block中的文本。它还允许将悬停状态应用于整个block而不是链接部分。谁能推荐一种技术编辑:这就是我想要展示的:SomeText0FOLLOWERS2ANSWERS2QUESTIONS这是firefox呈现的内容:sometext0FOLLOWERS2ANSWERS2QUESTIONS

html - 有一个空的 anchor 标签可以吗?

我知道如果我想将图像变成可点击的链接,我可以执行以下操作:但我更愿意使用CSS背景图片,这样我就可以拥有悬停状态:#css.twitter{display:block;width:16px;height:16px;background:url("twitter.png")}这工作正常,除了我不确定拥有一个不包含任何内容的anchor链接是否完全有效。Chrome和FF都可以很好地渲染它,但我不确定其他人是否也一样。我意识到我可以在链接中放置一些文本,然后使用text-indent:-9999px隐藏它,但我从来不喜欢这种方法,variousreasons.我上面的代码跨浏览器兼容吗?

html - 有一个空的 anchor 标签可以吗?

我知道如果我想将图像变成可点击的链接,我可以执行以下操作:但我更愿意使用CSS背景图片,这样我就可以拥有悬停状态:#css.twitter{display:block;width:16px;height:16px;background:url("twitter.png")}这工作正常,除了我不确定拥有一个不包含任何内容的anchor链接是否完全有效。Chrome和FF都可以很好地渲染它,但我不确定其他人是否也一样。我意识到我可以在链接中放置一些文本,然后使用text-indent:-9999px隐藏它,但我从来不喜欢这种方法,variousreasons.我上面的代码跨浏览器兼容吗?

javascript - 使用 href ='javascript:func()' 比使用 onclick ='func()' 作为 anchor 是不好的做法吗?

这个问题在这里已经有了答案:关闭12年前。PossibleDuplicates:HrefforJavascriptlinks:“#”or“javascript:void(0)”?Whyisitbadpracticetouselinkswiththejavascript:“protocol”?正如问题所说。.哪种方法更好?blah或blah

javascript - 使用 href ='javascript:func()' 比使用 onclick ='func()' 作为 anchor 是不好的做法吗?

这个问题在这里已经有了答案:关闭12年前。PossibleDuplicates:HrefforJavascriptlinks:“#”or“javascript:void(0)”?Whyisitbadpracticetouselinkswiththejavascript:“protocol”?正如问题所说。.哪种方法更好?blah或blah

html - 具有没有 href 且没有名称的 anchor 标记是有效的 HTML 吗?

没有href和名称的anchor标记是否有效?在我们的应用程序中,我们有一些删除链接被禁用(因此没有href属性),但仍向用户显示。我代表JoshuaMuheim发布这个问题在commentsofarelatedquestion中被问到.它与原始问题非常相似,但差异很大,我觉得值得将它作为一个单独的问题打开。 最佳答案 是的,它是有效的,theHTMLspecsays:Iftheaelementhasnohrefattribute,thentheelementrepresentsaplaceholderforwherealinkmi