草庐IT

html - 从语义上讲,视觉上看起来像标题的文本必须使用 h1-h6 标签吗?

我有一个页面,其中包含一个项目列表作为其内容。当不存在任何项目时,我要实现的设计有一个相当大的标题,内容如下:'Noresultsforthistopic'现在,最初当我看到设计时,我本能地将“无结果”文本包装在中标签。后来我注意到,虽然我为标题和描述添加了元内容-Google在搜索结果中显示“无结果”文本作为标题-显然不是期望的结果。现在,一方面我想坚持语义标记,但另一方面我不希望它弄乱我的SEO。所以我的问题是:我真的需要使用吗?此处用于语义标记的元素?是的,设计者决定将文本显示为看起来像标题-但这是否在语义上意味着这是一个标题?为了好玩,我检查了当您输入搜索短语但没有结果时Goo

html - Wrapper 内部或外部 HTML5 语义主要,哪个是最佳实践?

有谁知道哪些是最佳实践?A:main内的布局包装器B:在main之外的布局包装器我知道为HTML5语义设置样式是不好的做法,因此我设置了div元素来包装页面内容的布局,但我不确定关于放置位置的最佳做法是什么关于HTML5语义main的包装器,或者它是否重要。SEO是我最关心的问题。包装器仅用于内容,footer和header在包装器之外。CSS:#wrapper{box-sizing:border-box;width:1200px;min-height:100%;height:auto;padding:100px0200px0;margin:0auto;}HTMLA:HTMLB:

html - HTML5 和 WAI-ARIA 中是否有语义方式来描述 "Toggleable Help Content"?

我试图找到语义上正确的方式来描述代表获取帮助(例如帮助图标)及其帮助内容的方式的HTML元素。我试图搜索此主题,但在帮助中搜索帮助并非易事。这是我的想法的一个简单示例(使用一个简单的脚本来显示/隐藏帮助内容以及利用“title”属性):PleaseenteryourpasswordYourpasswordmusthave5characters.有没有更好的方式来表示这个(以这种格式)。这个想法是用一种可访问且SEO友好的方式来描述“可切换的帮助内容”。问题是关于HTML/HTML5和WAI-ARIA属性(不是JavaScript)——我正在寻找我的示例的最佳元素表示(如果这样的概念存在

HTML5 和 ARIA 语义 : DHTML Sub Navigation

我有一个单页网站,用户会看到多行标签(照片即按钮),它们会显示新内容。强>考虑到可访问性和搜索引擎友好性,在语义上什么可能被认为是最佳实践?这是我的想法:FruitsLearnaboutBananasLearnaboutApplesLearnaboutPearsTheBananaAlongyellowfruit...TheAppleAroundredfruit...ThePearAfunny-shapedgreenfruit...当用户点击其中一个时标签,JavaScript放置is-selected在上课及其对应的.标签将使用CSS设置样式,使其看起来像可点击的图像,其中的文本清晰可

angularjs - AngularJS 自定义指令对搜索引擎来说是否类似于 HTML5 语义标签?

我们都知道HTML5语义标签的最大优势之一是SEO。但是SEO是否认为所有(阅读自定义、非HTML5)标签都是语义的?假设我正在制作一个电子商务门户网站,它使用AngularJS前端销售鞋子,并使用如下自定义Angular指令:我知道shoeClass对Google机器人来说是不可见的,因为在编译AngularJS之前它不存在,但DOM本身确实存在于静态HTML中。因此,标签肯定对机器人可见。但是机器人会理解这个标签吗?这会给我加分吗(考虑到SEO的所有其他方面都得到了照顾,并且我使用Meteor或PhantomJS提供静态预渲染页面)?或者机器人会将标签丢弃为乱码?

css - 只有图像的语义菜单

我正在尝试制作一个只有图像的菜单。谁能告诉我应该如何以尽可能语义化的方式来标记它?我最好的猜测是这样的:HTMLCSS.menu{width:40px;height:40px}#home{background:url('...')编辑:查询是因为我需要使用空标签或者我可以把内的标签标签。 最佳答案 首先,如果您愿意尊重HTML5语义,您的菜单应该用包裹起来。标签。其次,alt=""应替换为title=""上的属性标签(MDNformoreinfo)第三,你应该使用标记为alt=""属性,以便您可以添加更多语义上下文。您的菜单可能如下

HTML5语义标签的使用,搜索引擎会尊重大包装吗?

我打算使用标记一些东西,但是,我想到了以下内容。以下面的标记为例:randomcontenthere,unrelatedtonavigationunrelatedtonavigation,butstillhere搜索引擎会尊重语义标签的这种用法吗?我的意思是,“忽略”或降低所有用导航标签(甚至div等)包裹的内容的优先级,即使不是直接的,甚至不一定是所有导航内容。header的相同问题和footer带有div的标签在里面。提前感谢您的帮助。 最佳答案 您不应在nav中包含与导航无关的内容。不仅规范是veryclear关于它,它也会损

css - 使用微格式的地址语义标记

我一直在阅读关于我在我建立的网站上的地址标记的微格式,普遍的共识是像这样标记地址......OrpheumTheatreMadison,WI216StateSt,Madison,WI53703UnitedStates我想知道为什么要混搭div/span标签?这重要还是类标签是唯一真正重要的事情?谢谢 最佳答案 您可能想看看http://schema.org/.他们有一种不同的方法,得到主要搜索引擎的支持。还有指向各种测试工具的链接,以确保您获得正确的格式。 关于css-使用微格式的地址语

html - SEO 文章和部分的最佳 HTML5 语义?

这个问题是关于文章部分和旁白标签的,因为它与最佳SEO实践有关。我看过一些教程教你应该放置一个文章标签,并在文章标签内放置各种章节标签。然而,我读过的一些书有相反的方式,放置部分并嵌套在它们中的是文章标签。这两种方法中哪一种是最好的,以获得最佳的SEO结果,为什么?显然,我们的工作不仅是为消费者提供外观最好的网站,而且是一个对SEO友好的网站。.................. 最佳答案 这与SEO无关,两种结构含义不同:博客文章列表可以是section用article每篇博文。一篇很长的博文可能是article用section每

html - 嵌套 HTML5 导航和其他语义元素

使用时HTML中的元素,您应该如何处理包含链接和其他内容(例如下例中的Logo)的导航元素?我发现自己在中包含所有内容>元素:OneTwoThree但我应该只将实际导航元素包装在中吗??(本例中的链接)OneTwoThree这同样适用于其他一些标签,例如,如果它包含额外的数据:Articleposted:2016-09-16对比Articleposted:2016-09-16我不是在谈论代码的可读性,而是在为爬虫(SEO)和可访问性优化标记结构。编辑:标志只是一个例子。通常会有更多内容,为了简洁起见,我仅以Logo为例。 最佳答案