1
我正在組織我的網頁以獲得最佳語義和可訪問性的練習。我有桌面導航和移動導航。具有兩個導航標籤的角色在語義上是否可行?HTML5標籤和角色的桌面和移動導航
這是我的結構:
<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
</head>
<body class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<section class="social-top">
<a title="Twitter" data-original-title="" href="#6"></a>
<a title="Twitter" data-original-title="" href="#6"></a>
<a title="Twitter" data-original-title="" href="#6"></a>
</section>
<header class="header" role="banner">
<!-- Header block -->
<nav class="mainnav" role="navigation">
<!-- Main navigation block for Desktop view -->
</nav>
<nav class="mainnav-mob" role="navigation">
<!-- MOBILE Navigation content block -->
</nav>
</header>
<div id="page-body">
<main role="main">
<!-- site content -->
</main>
</div>
<footer role="contentinfo">
<!-- Footer block -->
</footer>
</body>
</html>