草庐IT

html - SEO:<button> 与 <a> HTML 标签

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。这个问题似乎与helpcenter中定义的范围内的编程无关。.关闭9年前。Improvethisquestion我正在使用TwitterBootstrap构建一个项目。在documentation它说:ButtontagsUsethebuttonclassesonan,,orelement.[...]Cross-browserrenderingAsabestpractice,wehighlyrecommendusingtheelementwheneverpossibletoensurematching

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

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

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

html - 如何通过悬停摆脱 <a> 标签内 <span> 上的下划线?

fiddleHTMLMessages1CSSa{text-decoration:none;}a:hover{text-decoration:underline;}a:hoverspan{text-decoration:none;}span{background-color:red;border-radius:999px;color:white;margin-left:2px;position:relative;top:-.5em;font-size:.75em;font-weight:bold;padding:0.3em;}当您将鼠标悬停在链接上时,下划线将应用于即使我设置了text-

html - 如何通过悬停摆脱 <a> 标签内 <span> 上的下划线?

fiddleHTMLMessages1CSSa{text-decoration:none;}a:hover{text-decoration:underline;}a:hoverspan{text-decoration:none;}span{background-color:red;border-radius:999px;color:white;margin-left:2px;position:relative;top:-.5em;font-size:.75em;font-weight:bold;padding:0.3em;}当您将鼠标悬停在链接上时,下划线将应用于即使我设置了text-

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.我上面的代码跨浏览器兼容吗?