<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>头部</header>
<nav>导航栏</nav>
<main>主体部分
<a href="#" id="one">a标签</a>
<a href="wwww.baidu.com" target="_blank">
<div>可以放进a标签中</div>
</a>
<aside>侧边栏</aside>
<div>块级元素</div>
<span>行内块元素</span>
<ul>
<li>结构
<ol>
<li>
结构
</li>
</ol>
</li>
<li>形态</li>
<li>样式</li>
</ul>
<dl>
<dt>内容</dt>
<dd>描述</dd>
</dl>
<!-- 不会报错，但是有语法错误 -->
<p><h1>我是一个很好的人</h1></p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos architecto at rerum nisi, cupiditate id consequuntur! Itaque non minus, sunt iusto, nisi ad qui fugit quis repudiandae odit ex porro.</p>
</main>
<section>独立的区块</section>
<a href="#one">跳转到id为one的标签位置</a>
<footer>底部</footer>
</body>
</html>
<h1>我能做好自己</h1>
1.以下标签都是：h5新增，使用不是很多，语义化标签；
- header标签：网页的头部；
- main标签：网页的主体部分；一个页面中只有一个；
- footer标签：网页底部标签；
- nav标签：表示网页的导航栏；
- aside标签；主体相关部分，表示侧边栏；
- article标签：表示独立的文章；
- section标签：表示独立的区块；
- div和span标签都没有语义；span主要用于选中文字；
- dl标签：表示创建一个定义列表，子项dt就表示定义的内容，子项dd表示对内容进行解释说明；
- 列表与列表之间可以互相嵌套；
- 语法
- 在p标签中不能放h1等块级标签，解析的时候会将p标签解析为h1标签前后各有一个p标签；虽然不会显示错误；
- 当自己写的语法不正确的时候，浏览器会在解析的时，会自动对网页中不符合规范的内容进行纠正；将源码加载到内存以后进行纠正，在浏览器的检查元素中的Elements就是显示了源码在内存里的结构；比如：
- a标签是一个块级元素，但是在a标签中可以嵌套除它自身外的任何的元素；
- lorem+tab键可以生成一串英文文本；
