HTML哪些是块级元素,哪些是行内元素

html-css012

HTML哪些是块级元素,哪些是行内元素,第1张

块级元素:块级大多为结构性标记

<address>...</adderss>

<center>...</center> 地址文字

<h1>...</h1> 标题一级

<h2>...</h2> 标题二级

<h3>...</h3> 标题三级

<h4>...</h4> 标题四级

<h5>...</h5> 标题五级

<h6>...</h6> 标题六级

<hr> 水平分割线

<p>...</p> 段落

<pre>...</pre> 预格式化

<blockquote>...</blockquote> 段落缩进 前后5个字符

<marquee>...</marquee> 滚动文本

<ul>...</ul> 无序列表

<ol>...</ol> 有序列表

<dl>...</dl> 定义列表

<table>...</table> 表格

<form>...</form> 表单

<div>...</div>

行内元素:行内大多为描述性标记

<span>...</span>

<a>...</a> 链接

<br> 换行

<b>...</b> 加粗

<strong>...</strong> 加粗

<img > 图片

<sup>...</sup> 上标

<sub>...</sub> 下标

<i>...</i> 斜体

<em>...</em> 斜体

<del>...</del> 删除线

<u>...</u> 下划线

<input>...</input> 文本框

<textarea>...</textarea> 多行文本

<select>...</select> 下拉列表

·块级元素

1.总是从新的一行开始

2.高度、宽度都是可控的

3.宽度没有设置时,默认为100%

4.块级元素中可以包含块级元素和行内元素

·行内元素

1.和其他元素都在一行

2.高度、宽度以及内边距都是不可控的

3.宽高就是内容的高度,不可以改变

4.行内元素只能行内元素,不能包含块级元素

1、html中行内元素(a)中能不能放块元素(div)

回答:不能。

XHTML标准是这样定义的:

*inline

*a

*inline excluding an enclosed a element

解释就是 a标签属于inline, a标签只能嵌套inline元素,并也不能再嵌套a标签。

2、那span里面能不能放div呢??

回答:不能

1、html中行内元素(a)中能不能放块元素(div)

回答:不能。

XHTML标准是这样定义的:

*inline

*span

*inline

解释就是 span是属于inline,并且span也只能嵌套inline

另外,XHTML标准还有一些我们容易疏漏的,比如所有标签都要小写,例如<html>等

我个人理解就是标准毕竟只是标准,就好像大家都走路靠右边走,但是你如果非要靠左边走,也没人拦你。所以写的时候有可能会通过浏览器的认证,但是如果在某些严格符合xhtml规范的编译器或浏览器,他们就不认账了。

所以按照xhtml规范可以培养自己良好的开发习惯。

顺便提一下,html元素分3中,顶级元素、块级元素、内联元素。

LZ一直说的行内实际上就是内敛元素...

区别:

1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block。

2.行内元素和其他行内元素都会在一条水平线上排列,都是在同一行的;块级元素却总是会在新的一行开始排列,各个块级元素独占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮动(float:left/right)让其水平方向排列。

3.行内元素不可以设置宽高,宽度高度随文本内容的变化而变化,但是可以设置行高(line-height),同时在设置外边距margin上下无效,左右有效,内填充padding上下无效,左右有效;块级元素可以设置宽高,并且宽度高度以及外边距,内填充都可随意控制。

4.块级元素可以包含行内元素和块级元素,还可以容纳内联元素和其他元素;行内元素不能包含块级元素,只能容纳文本或者其他行内元素。

扩展资料:

内联元素又名行内元素,和其对应的是块元素,都是html规范中的概念。内联元素的显示,为了帮助理解,可以形象的称为“文本模式”,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素加上display:block这样的属性,让它也有每次都从新行开始的属性,即成为块元素同样我们可以把块元素加上display:inline这样的属性,让它也在一行上排列。

参考资料:百度百科内联元素