它是允许还是确定<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 © year</p>
</footer><!-- .f1 -->
</body>
Run Code Online (Sandbox Code Playgroud) 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)
这些方法中的任何一种都是实现网站标题和子标题的“最佳实践”方法,还是我缺少另一种方法?