HTML相关知识

HTML标签分为两种类别，块级元素和内联元素

块级元素

块级元素最主要的特点是它们自己独占一行，最具代表性的是<div>
还有<p>、<nav>、<aside>、<header>、<footer>、<section>、<article>、<ul>、<address>、<h1>~<h6>等
块级元素的主要特征如下：
1、不管是否使用换行标签<br>，块级元素总是在新行上开始；
2、块级元素的宽度、高度以及外边距和内边距等都可以控制；
3、如果省略块级元素的宽度，那么它的宽度默认为当前浏览器窗口的宽度；
4、块级元素中可以包含其它的内联元素和块级元素。

内联元素

内联元素也可以称为行内元素，行内元素中最常用的是<span>
还有<b>、<i>、<u>、<em>、<strong>、<sup>、<sub>、<big>、<small>、<li>、<ins>、<del>、
<code>、<cite>、<dfn>、<kbd>和<var>等
行内元素的主要特征如下：
1、行内元素和其他元素会在同一行上显示；
2、行内元素的宽、高以及外边距和内边距都不可以改变；
3、行内元素的宽度就是其中内容的宽度，且不可以改变；
4、行内元素中只能容纳文本或者其他内联元素。
可以通过 display 属性将元素在行内元素和块级元素之间进行切换。

HTML5布局标签

<header>：用于定义网页的头部，头部中一般包含一些介绍性的内容，例如网站名称、logo 或者作者的信息
<nav>	：用于定义网页中的导航栏。
<section>:用于在网页中定义一个单独的部分，其中可以包含文本、图像、表格等等。
<article>:用于定义文章或者其它独立的信息，代表一个页面中自成一体的内容
<aside>	：用于定义网页内容以外的部分，例如网页的侧边栏。
<footer>：用于定义网页的底部，例如作者、版权等信息。
<details>:用于定义一些详细信息，并且可以根据需要隐藏或显示这些详细信息。
<summary>:用于为<details>标签定义标题。
<iframe>标签：内联框架
可以将另一个网页嵌入到当前网页中
<iframe>标签语法格式：
	<iframe src="url" width="m" height="n" name="xx"> </iframe>