相关疑难解决方法(0)

HTML5文档中的多个<header>和<footer>

它是允许还是确定<header>在HTML 5中使用多个,如果是,那么它在语义上是不正确的并且会混淆屏幕阅读器用户?

我看到许多网站使用像

<body class="home">
    <header class="hd1">
        <hgroup>
        <h1>HTML5 Documnet</h1>
        <h2>tagline</h2>
        </hgroup>
    </header><!-- .hd1 -->
    <div class="main">
        <section class="hs1">
            <header>
            <h1>This is a Page Sub Title</h1>
            </header>

            <p>Some content...</p>
            <h2>Demonstrating EM and STRONG</h2>

            <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>         

            <footer>
            <p>Author: <cite>Louis Lazaris</cite></p>
            </footer>

        </section>
    </div><!-- .main -->
    <footer class="f1">
    <p>copyright &copy; year</p>
    </footer><!-- .f1 -->

</body>
Run Code Online (Sandbox Code Playgroud)

html5 accessibility semantic-markup

8
推荐指数
1
解决办法
4473
查看次数

使用多个标头标签是否被认为是“不好的做法”?

header在分离主标头和子标头时使用多个标签是常见做法,还是应该使用divs 将一个标头分成两个部分?

例如:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <header class="header--main-header">
    </header>
    <header class="header--sub-header">
    </header>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

相对于:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <header>
      <div class="header--main-header">
        <!-- Main-Header Content -->
      </div>
      <div class="header--sub-header">
        <!-- Sub-Header Content -->
      </div>
    </header>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这些方法中的任何一种都是实现网站标题和子标题的“最佳实践”方法,还是我缺少另一种方法?

html

4
推荐指数
1
解决办法
3736
查看次数

标签 统计

accessibility ×1

html ×1

html5 ×1

semantic-markup ×1