html5属性(html5行内块元素)

  想起之前工作面试时,面试官问的一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础的面试题,但是很多初学者平时只注重标签语义,忽视了标签行内和块级的特性, 因此对于上述问题很有可能答不上来或者答不全。

image.png

HTML常见的行内元素有:

<span>、<a>、 <img>、 <input>、<textarea>、<select>、<label>

还有包括一些文本元素如:<br> 、<b>、 <strong>、<sup> 、<sub>、 <i> 、<em> 、<del> 、 <u>等。

要是只回答<span>和<img>那就说不过去了吧。
HTML常见的块级元素有:

<div>、<table>、<form>、<p>、<ul>、

<h1>......<h6>、<hr> 、<pre>、<address>、<center>、<marquee> 、<blockquote> 等。

  html行内元素的特点

  1、能和其他元素在一行显示。

  2、内联元素的宽度只与他的内容有关,宽度设置时无效的。

  3、内联元素的行高(line-height)、内边距(padding)、外边距(margin)只有部分可以设置。

  4、内联元素一般只能嵌套文本、行内元素、行内块元素。


发表评论

评论列表

还没有评论,快来说点什么吧~