- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
HTML <main>
元素代表<body>
的主导内容文档的一部分、文档或应用程序的一部分。主要内容区域由与文档的中心主题或应用程序的中心功能直接相关或扩展的内容组成。 Quote Mozilla Dev.
#1
如果我们稍后将“角色”添加到“div”标签,我们是否支持相同的功能?同样的特殊情况也适用吗?
<div role="main"> == <main> ?
#2
一个<main>
的内容元素对于文档应该是唯一的。除非搜索表单是页面的主要功能,否则不应包含在一组文档或文档部分(如侧边栏、导航链接、版权信息、站点 Logo 和搜索表单)中重复的内容。Quote Mozilla Dev.
这确实是一种特殊情况,或者是一种相对特殊的情况。一个相对的解释。
我理解的唯一具体的东西(树结构)
例如。错误用法
<header>..</header>
<article>
<main></main>
</article>
<aside>..</aside>
<footer></footer>
例如。正确使用
<header>..</header>
<main>
<article>..</article>
</main>
<aside>..</aside>
<footer></footer>
所以实际上我心中的问题就从这里开始。
<header>..</header>
<main>
<article>
<form>
<input type="text" name="user_name" />
....
....
</form>
</article>
</main>
<aside>..</aside>
<footer></footer>
既然我在 main 标签之后使用了 form 元素,这是一种不正确的用法吗?
这是一个着陆页,表单是一个注册操作“Special for this document”。那么现在 googlebot 读取它的集体网站形式“像一个搜索形式”,最终创造了一个负面的场景?
我的意思是说主标签的内容只能由纯文本组成?消息来源完全是个谜!
Youtube
Youtube 使用 role="main"
我的评论:标签包括搜索表单和导航菜单。因为搜索形式是 youtube 的主要特征...
For example, If I have a search engine page and I am including the search form after the main tag;
Scenario 1: I made a violation of the rules in a strict manner and the undesired motion was negatively affected by the seo, the tree making is wrong.
Scenario 2: It is not an obvious violation of the rules, but an undesirable aspect of the advice. Googlebot etc. it will not be a negative situation for seo because it can not detect whether the violation is valid (because it is affecting the main content, perhaps using it).
有什么好的idea或者技术支持吗?
最佳答案
与大多数 HTML 语义一样,大量的实用主义是有帮助的。 WAI-ARIA 中主要角色的碎片化是可能的,但强烈不喜欢,因此对 <main>
无效元素。这意味着主要元素应该是容纳页面主要内容的最小容器。如果在树结构允许的情况下顺便包含一些应该放在主要元素之外的东西,那应该被认为是对理想的必要偏离。
关于html5主要标签和树结构有关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51313352/
我正在扩展 baseClass 监听器并尝试读取一些值,但是顺序中似乎没有任何层次结构。 我的语法的精简版如下: start: config_options+ config_options: (KEY
XML文档是一种树形结构,它从 根部 开始,然后扩展到 枝叶 一个 XML 文档范例 XML文档使用的是简单的具有自我描述性的语法 我们拿之间的小红写给小明的情书作为范例 <?xml v
要了解我想做什么,这里有一个简单的解释:我想创建模板。 一个"template"有一个“面板”这个“面板”有一些“项目”和另一个“面板”我们必须一步一步地做,直到最后一个“Item” 我想要这样的东西
我的数据结构如下。 A A1 A2 B B1 C C1 C2 C3 这些信息转移到两个名为group1和group2的表中。 group1有第一层数据和中间层数据。 gro
所以我有一个如下所示的树结构,其中我在叶节点中有一个计数属性。我想总结计数并将计数总和与其父项进行比较。比 parent1 和 parent2 有他们的 child 的总和。然后从那里继续,所以 gr
我有以下 json : var jsonObj = [ { "parentIndex": '0' ,
我正在尝试创建一个包含任意数量子类别的类别列表,其中子类别也可以有自己的子类别。 我从 Mysql 数据库中选择了所有类别,猫在标准关联数组列表中,每个类别都有一个 id、名称、parentid,如果
我想动态构建层次结构,每个节点创建为层次结构中的一个层/级别,具有自己的节点数组。这应该形成一个树结构。应该有一个根节点,以及未定义数量的节点和级别来构成层次结构大小。除了根节点之外,什么都不应该被修
我正在浏览 Wikitravel API,我注意到他们提供的 XML 文件只是将所有信息集中在一个大 blob 中。示例:http://wikitravel.org/en/Special:Export
我正在尝试设置一个UITableView来显示嵌套的线程项目。我正在使用 Core Data 和 NSFetchedResultsController,但不确定我的方法应该是什么。我想显示这样的信息:
我有一个这样的表数据库: tree{id,name,parent}content{id,content,parent}tree 表包含一个树状结构,如果 parent 是 0,它是顶级元素,如果不同,
我有一个像这样的 json 对象数组: [{ "vehicleid": 3, "name": "Teste2VDD", "brand": "Scania", "mode
我有一个 json 树结构,通过按此 fiddle 上的调用来附加该结构:http://jsfiddle.net/adrianjsfiddlenetuser/C6Ssa/4/ 按 fiddle 上的调
我需要使用 prefuse 可视化一个 xml 文件,但由于其大小,我必须一次仅加载文件的一部分,并将它们表示为 prefuse 中的树结构。我设法加载并可视化第一棵树,其中包含所有 xml 元素的深
我有一个包含如下数据的文件: ID attribute 1 'text' 101 'text' 1011 'text' 10111 'text' 1011101 'text' 1011102 'tex
这是我的数据结构: { projects: [ { revisions: [ { files: [] }, ], } ], us
我有一个列表需要转换成json格式。 这个.. var sourceList = [ { title: "item-1", indent: "0" }, { title: "item-
我希望我的内容有一个树/文件夹结构,但希望所有页面都作为一个平面 URL。例如 位于/cat1/subcat2/tulips.html 的页面将在以下位置提供: http://example.com/
简单来说 我有一个由对象组成的树结构。 是否可以构建该树并向每个对象添加对其父对象的引用? 我知道引用适用于对象,但我不确定在这种情况下是否有效? 我希望能够写出这样的东西 currentLevel
我创建了一个涉及学校学生的项目。当我开始构建这个项目时,我遇到了三个主要问题: 1)推荐或更好的 JSON 树结构? schools grades users(uids) in
我是一名优秀的程序员,十分优秀!