前端基础知识回顾——行内元素与块级元素

本文之前一直在草稿箱的，还是发布一下吧~
基础知识回顾：

• 默认情况下，行内元素不会以新行开始，而块级元素会新起一行，独占一行。
• 行内元素只能包含 数据 和 其他行内元素；而块级元素可以包含行内元素和其他块级元素。

面试被问到的话，把这两点说出来就行。再罗列几个标签代表。

1. 行内元素：

下面的元素都是行内元素：

<a>,<span>,<br/>,<img/>,
<b>,<strong>,<em>,<mark>,
<label>,<textarea/>,
<button/>,<select>,<input/>，
<big>,<small>,
<del>

b, big, i, small, tt
abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
a, bdo, br, img, map, object, q, script, span, sub, sup
button, input, label, select, textarea

壮strong
em一亩
mark马克
删除线

不要将<b>元素与 <strong>、<em>或<mark>元素混淆。 
<strong>元素表示某些重要性的文本，
<em>强调文本，
而<mark>元素表示某些相关性的文本。
 <b>元素不传达这样的特殊语义信息；仅在没有其他合适的元素时使用它。

2.块级元素

<address>联系方式信息。
<article> HTML5 文章内容。
<aside> HTML5 伴随内容。
<audio> HTML5 音频播放。
<blockquote>块引用。
<canvas> HTML5 绘制图形。
<dd> 定义列表中定义条目描述。
<div>文档分区。
<dl> 定义列表。
<fieldset> 表单元素分组。
<figcaption> HTML5 图文信息组标题
<figure> HTML5 图文信息组 (参照 <figcaption>)。
<footer> HTML5 区段尾或页尾。
<form> 表单。
<h1>, <h2> , <h3>, <h4>, <h5> , <h6> 标题级别 1-6.
<header> HTML5 区段头或页头。
<hgroup> HTML5 标题组。
<hr> 水平分割线。
<noscript> 不支持脚本或禁用脚本时显示的内容。
<ol> 有序列表。
<ul> 无序列表。
<output> HTML5
表单输出。
<p> 行。
<pre> 预格式化文本。
<section> HTML5 一个页面区段。
<table> 表格。
<tfoot> 表脚注。
<video> 视频