草庐IT

语义化CSS

全部标签

css - H1 图片替换备选

我想在我的页眉中添加一个h1元素,但是我在页眉中使用标签(不是背景图像),当屏幕分辨率发生变化时它们会相互替换。我看过技术h1.technique-four{width:350px;height:75px;background:url("images/header-image.jpg");text-indent:-9999px;}...但是由于我的布局是流动的,所以当图像改变时可以看到背景。甚至有必要用图像替换h1吗?我不能做类似的事情吗:kb-kbwf-kb/images/720.jpg"class="show-on-phones"/>/images/980_full.jpg"cla

html - 站点地图/子菜单中的深度嵌套 html 链接(SEO,语义 Restful)

我的问题介绍在这样的夜晚中,我可以无休止地提示我的一个项目中的干净语义编码。假设我有我的投资组合,我想在其中列出我一路学到的东西。第一个列表包含语言,第二个列表包含系统。现在在这种情况下,语言还可以包含子链接,引用第二个列表中以特定语言制作的系统:LanguagesPHPPyroCMSJoomlaJavascriptCMSSystemsPyroCMSJoomla实际问题对于用户来说,这似乎是最干净的方式,因为url就像面包屑一样工作。用户现在知道pyrocms其实是一个基于php的cms系统。然而。第二个列表有一个简短的url方法,可能更容易维护。所以3个选项:在每个地方都使用长链接方

html - 使用 CSS 代替 <strong/> HTML 标签

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭9年前。Improvethisquestion我知道搜索引擎机器人会注意页面上的粗体文本,它们是strongHTML标记。但是如果我们使用font-weight:bold而不是strong标签,他们还能识别吗?对于SEO,HTMLstrong标签是否等同于font-weight:bold;?

asp.net - Aps.Net 4.0 网络表单路由有效但没有避免 css jpg js 文件

正如标题,我已经实现了路由并且工作正常,但是CSSjs和jpg文件的路径是错误的。我包含了库System.Web.Routing并且它正确地出现在web.config中从我写的标记中的home.aspx开始在以CSS开头的global.asax中,我在浏览器的开发工具中收到404错误到我所有本地链接(jpg、css、js)导致路由:http://mysyte.com/search/shoese/style.css代替:http://mysyte.com/style.css如您所见,有一些注释行,我已经尝试了所有这些行,但得到的结果相同,路径错误(404)。SubApplication_

css - 在处理 Retina 大小的图像时如何应用替代文本?

我正在向我的网站添加两倍大小的图像,然后使用CSSbackground-size属性将这些图像压缩回去,这似乎是处理我们新的高分辨率视网膜现实的常用方法。是否有适当的方法将替代文本添加到背景图像,或者我如何使用此技术为我正在处理的图像提供替代文本?我考虑过使用retina.js来解决这个问题,但后来我用完了提供常规尺寸图像和双倍尺寸图像的带宽。我知道在stackoverflow和其他地方还有其他帖子讨论替代文本和背景图像,但我发现的帖子可以追溯到视网膜显示器之前。我看到一些帖子指出替代文本不应应用于背景图片,那么人们有什么建议呢? 最佳答案

html - a 元素中的内容如何影响语义、屏幕阅读器和搜索引擎?

假设我在博客的预览页面上有一个文章列表。我希望每个条目的整个区域都可以点击。在HTML5中,这是一个带有有效标记的可能解决方案:MyPostThisisjusttheteaser.Readmorehere…我的问题是:这在语义上是关于w3定义的链接或文章,还是两者兼而有之?搜索引擎和屏幕阅读器如何阅读这些内容?它只是一个链接还是他们将其视为文章? 最佳答案 从语义上讲,您有一个包含article的链接.a元素不会改变其后代的含义。(将链接包含在article中可能更有意义,例如…。)没有理由认为搜索引擎应该对此有任何问题(但讨论这个

javascript - Google PageSpeed Insights - 1 个外部 CSS 文件拦截

我正在尝试使用GooglePageSpeedInsightTool优化网站..有一点我就是不知道怎么解决1个外部CSS文件被阻塞什么都试过了..移动了所有都在底部标签..也尝试过使用https://github.com/filamentgroup/loadCSS/blob/master/loadCSS.js进行异步加载所有的解决方案都以更多的“错误”告终这是页面洞察https://developers.google.com/speed/pagespeed/insights/?url=www.dynaccount.com 最佳答案 问

wordpress - 如何修复 "eliminate render-blocking javascript and css in above-the-fold content"

我运行了一个运行avada主题的个人wordpress网站,并在其上运行了googlepagespeedinsights工具,它说我遇到了一个问题“消除首屏内容中阻止呈现的JavaScript和CSS”。我不确定如何纠正这个问题,我不知道如何编写wordpress主题代码,所以无法更改代码。我尝试使用多个插件来修复此问题,而接近修复它的是“autoptimize”。如果有人有任何建议,将不胜感激。 最佳答案 看看wp_enqueue_script()。它允许您指定回显脚本的位置,特别是最后一个参数$in_footer。如果脚本在呈现

hyperlink - 语义 UI - 使用响应类避免重复链接(SEO 麻烦)

我正在开发一个网站,我正在使用SemanticUI.我准备了这个例子来解释这个问题:MenúHomeHomeHome麻烦(SEO问题)是我必须复制上面的三个链接,当然,我不想这样做。实际上,该网站是用PHP构建的,我并没有真正加倍代码(它包含在PHP中)。我还准备了一个fiddle.要对其进行测试,您必须重新调整窗口尺寸以查看效果。当然,这不是真实情况。你可以看到realweb如果你愿意的话。那么,有人有解决方案吗?关于此的最佳实践?PD:对不起我的英语!:) 最佳答案 最后,我只维护一个div,所有链接都没有重复,然后用CSS样式

seo - 相关帖子在移动设备上显示但通过 css 在 PC 上隐藏会损害 SEO 吗?

我的移动布局与PC截然不同,因为我在移动页面底部显示了相关内容,但不是PC。如果我通过css在PC上隐藏相关帖子并仅在移动设备上显示,是否会损害SEO?谢谢。 最佳答案 确保当有人点击相关内容时,用户会自动重定向到移动版网站,同时确保移动版内容与PC版内容相同,也使用相同的URL。要解决重复内容问题,只需在网站的移动版本上添加规范标签。我建议为移动设备使用单独的域,例如m.example.com 关于seo-相关帖子在移动设备上显示但通过css在PC上隐藏会损害SEO吗?,我们在Stac