【轻松前端之旅】HTML的块元素、行内元素和空元素

块(block)元素

显示成一块，前后有换行。块元素常用于web页面的主要构造模块。例如:<div>，<p>，<h1>~<h6>,<blockquote>

行内(inline)元素（内联元素）

显示在行内，内容与父元素内容在一行。内联元素通常用来标记小段内容。例如:<q>，<em>

空(void)元素

没有内容，用一个开始标签即可。如:<br>，<img>

实体字符(character entity)

用于定义一些特殊字符。如：&lt代表<号，&gt代表>号，&amp代表&号。

可以通过如下网址查找字符:http://www.unicode.org/charts/，不过要显示unicode上的字符，需要安装相应字体。

 

tips:

设计页面时，通常先使用块元素来布局，然后用内联元素来完善页面。

我们要选择与内容含义最接近的元素来构造网页。

对于很多元素，在不同浏览器，渲染的方式可能不一样，这时要借助css样式来规定元素的表现。

<a>，即可是内联元素，也可以是块元素，如果<a>中包含了块元素，它就按块元素来显示。

 

扫码关注，学习编程:

爱旅游--海南文昌月亮湾