与

时间：2018-07-12 19:44:18

标签： html html5 main

HTML <main>元素代表文档，文档或应用程序部分的<body>的主要内容。主要内容区域由与文档的中心主题或应用程序的中心功能直接相关或扩展的内容组成。 Quote Mozilla Dev.

我脑海中的问题

＃1

如果以后在“ div”标签中添加“角色”，我们是否支持相同的功能？同样的特殊情况适用吗？ 

<div role="main"> == <main> ?

＃2

<main>元素的内容对于文档应该是唯一的。除非搜索表单是页面的主要功能，否则不应包括在一组文档或文档部分中重复的内容，例如侧栏，导航链接，版权信息，网站徽标和搜索表单。.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>

现在我在主标签之后使用form元素，这是不正确的用法吗？

我的项目页面树的截图 Screenshot of my project page tree

这是一个登录页面，并形成注册动作“此文档专用”。因此，现在googlebot将其读取为集体网站形式的“像搜索形式”一样，最终造成了负面情况？

我的意思是主标签的内容应该仅由纯文本组成吗？消息来源完全是个谜！

如果我们举一个更具体的例子

Youtube

Youtube使用role="main"

enter image description here

我的评论：标签包括搜索表单和导航菜单。因为搜索表单是youtube的主要特征...

结果：

  

例如，如果我有一个搜索引擎页面，并且要在主标签后添加搜索表单；

     

场景1 ：   我严格违反了规则，不想要的动作受到seo的负面影响，造树是错误的。

     

方案2 ：   这不是明显违反规则，而是建议的不受欢迎的方面。 Googlebot等。对于seo来说，这不会是不利的情况，因为它无法检测到违规行为是否有效（因为它正在影响主要内容，也许正在使用它）。

有什么好主意或技术支持吗？

1 个答案:

答案 0 :(得分：0)

与大多数HTML语义一样，大量实用主义是有帮助的。在WAI-ARIA中主要角色的分裂是可能的，但是强烈不喜欢它，因此对于<main>元素无效。这意味着主要元素应该是容纳页面主要内容的所有内容的最小容器。如果在树结构允许的情况下，如果偶然包含的东西会被放置在主要元素之外，那应该被认为是偏离理想的必要偏差。

相关问题
最新问题