行内元素和块级元素
行内元素(行级元素)
多个元素会在一行内显示
块级元素
独立成行
注意：块级元素能够嵌套行内元素
<div>
<span></span>
</div>
行内元素是不允许嵌套块级元素的
<span>
<div></div>
</span> 标准错误写法
2、行内分区元素
<span></span>
<i>
<span></span>
</i> 错误
块分区元素
<div></div>
<div>
<p></p>
结构标记详解
1、<header>元素
作用：用于定义【网页内容的头部】、或者是【某部分信息中的头部】
语法：
<header id="aa1">
头部区域的内容
</header>
<div id="aa1">
</div>
2、<nav>元素
作用：用于定义页面的【导航链接】部分
语法：<nav></nav>
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
3、<section>元素
作用：定义文档中的 小节,可以定义网页主体内容
语法：<section></section>
<section>
<div></div>
<img />
普通文本 ....
....
</section>
4、<article>元素
作用：定义独立于文档其他部分的内容。
场合：多用于 论坛帖子、新闻信息、博客条目、用户评论、微博信息内容
语法：<article></article>
<article>
<h1>国产大飞机C919下线</h1>
<p> ...... ..... .....</p>
</article>
5、<footer>元素
作用：定义某区域的脚部(底部)信息
定义 版权信息、企业标识、售后服务 等一些非重要信息
语法：<footer></footer>
<footer>
<ul>
<li>关于我们</li>
<li>联系我们</li>
<li>社会招聘</li>
</ul>
</footer>
6、<aside>元素
作用：多数用于定义侧边栏
语法：<aside></aside>
<aside>
<p>发表信息</p>
<p>查看最新发表记录</p>
</aside>
7、注意：
如果在有些网站中 结构化标记 不够来显示网页的内容的时候，那么就使用 div 灵活控制