页面结构标签在HTML与CSS中使用规范

  • A+
所属分类:Web前端
摘要

练习源码: 

练习源码:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta name="keywords" content="关键词1,关键词2,关键词3">     <meta name="description" content="网站描述bla bla">     <title>网站标题</title> </head> <body>     <!-- 建议不使用标签自带的样式,使用css来定义     一个页面建议使用一个h1标签,不同的h标签在搜索引擎的权重不同 -->     <h1>h1</h1>     <h2>h2</h2>     <h3>h3</h3>      <!-- 一块区域中的头部,不是一个页面就只能有一个头部 -->     <header>header         <!-- 导航区域 -->         <nav>             <ul>                 <li>li</li>             </ul>         </nav>     </header>     <footer>footer</footer>      <!-- 主标签,建议一个页面只出现一次 -->     <main>         <!-- 一块独立的区域,内容 -->         <article>             <!-- 一组相似的内容区域 -->             <section>section</section>         </article>     </main>      <!-- 小区域,多用于侧栏,广告位,网页中的附加位 -->     <aside>aside</aside>      <!-- 无语义标签 -->     <div>div</div> </body> </html>