Question

某个部分的标题，内容和页脚的顺序是否重要？例如，

是这种逻辑顺序：

<article>   
    <h1>This is the heading</h1>
    <content><p>This is the content ...</p></content>
    <footer><p>this is the footer</p></footer>
</article>

与下一个不合逻辑的排序相比，计算机也是如此：

<article>   
    <content><p>This is the content ...</p></content>
    <footer><p>this is the footer</p></footer>
    <h1>This is the heading</h1>
</article>

Answer 1

在HTML中，是的。元素顺序很重要。（其他SGML / XML派生标记语言不一定如此）。

通过查看Web浏览器中的输出（用于向阅读器呈现HTML的标准工具）并注意到呈现的文档没有意义，这是非常微不足道的。

Answer 2

语法标记和可访问性在编写HTML时都很重要，您必须牢记对机器和最终用户有意义的内容。

当然，你＆＃34;可能＆＃34;以任何顺序放置元素并对它们进行样式设置，使它们看起来完全不同，但当有人使用屏幕阅读器或类似的东西查看您的网站时会发生什么。

除此之外，在搜索引擎优化时，您的元素的顺序非常重要，抓取您的网站的自动搜索机器人不关心页面＆＃34;看起来＆＃34;喜欢并且有一种非常结构化的方式来识别关键区域，例如导航，主要内容区域，标题和链接。

定位也不是黑白两色，你可以在一个页面上有多个页脚元素，只要你有办法表达与使用ARIA完成的父页面相关的页脚，那就完全没问题了。作用。

<body>
    <article>
        Something
        <footer>Something else</footer>
    </article>
    <footer role="contentinfo">
    </footer>
</body>

这将标识具有＆＃34;导航地标＆＃34;作为页脚主要存储导航的页脚。

对于导航元素也是如此，只要您使用导航元素，除了将其用于主导航之外，您可以将其用于您网站中的任何类型的子导航，无论您喜欢什么样的顺序角色=＆＃34;导航＆＃34;在主导航。

http://www.w3.org/TR/wai-aria/roles

使用HTML5元素很容易让人感到厌烦，但只要您将它们在语义上保留在其父元素中，并为机器提供识别标记关键区域的方法，您就可以了。

<body>
    <header role="banner">
        <nav role="navigation">
            <ul>
                <li><a href="#">Home</a></li>
            </ul>
        </nav>
    </header>

    <article role="main">
        <header>
            <h1>Article Heading</h1>
        </header>
        <aside>
            <nav>
                <ul>
                    <li><a href="#">Article 1a</a></li>
                    <li><a href="#">Article 1b</a></li>
                    <li><a href="#">Article 1c</a></li>
                </ul>
            </nav>
        </aside>
        <p>Yip, dippidy doo.</p>
        <section role="complementary">
            <h2>Top Articles</h2>
            <nav>
                <ul>
                    <li><a href="#">Article 2</a></li>
                    <li><a href="#">Article 3</a></li>
                    <li><a href="#">Article 4</a></li>
                </ul>
            </nav>
        </section>
        <footer>
            <nav>
                <ul>
                    <li><a href="#">PrevArticle</a></li>
                    <li><a href="#">Next Article</a></li>
                </ul>
            </nav>
        </footer>
    </article>
    <footer role="contentinfo">
        Copyright
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
            </ul>
        </nav>
    </footer>
</body>

部分的标题，内容和页脚的顺序是否重要？

2 个答案: