码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-09-19 11:56:42      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:浏览器   显示   元素   type   字符   ibm   bsp   char   div   

块(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>中包含了块元素,它就按块元素来显示。

 

扫码关注,学习编程:

技术分享

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

技术分享

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

标签:浏览器   显示   元素   type   字符   ibm   bsp   char   div   

原文地址:http://www.cnblogs.com/xjxz/p/7549910.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!