900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 下面html标签元素中不属于块元素的是 HTML中为何P标签内不可包含块元素?

下面html标签元素中不属于块元素的是 HTML中为何P标签内不可包含块元素?

时间:2023-01-17 21:26:12

相关推荐

下面html标签元素中不属于块元素的是 HTML中为何P标签内不可包含块元素?

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。

深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。

in-line这个词有很多种解释:内嵌、内联、行内、线级等,但是,它们都是表示相同的意思,在这里我们选择习惯的叫法–内联。

先看下面的例子你就能明白两者的差别:

测试一下块元素与内联元素的差别

测试一下

块元素 与内联元素的差别

效果如下图:

在上面的例子中,

会自己产生一个新的行,而 并没有换行,这是在没有CSS渲染的情况下才这样,同样,我们 也可以通过CSS把div定义成内联元素,把span定义成块元素,但是,我们却不能在HTML里任意转化它们,块元素可以包含内联元素或某些块元素(上 面的例子其实是错误的使用—>我把 放在

里面了) ,但内联元素却不能包含块元素,它只能包含其他的内联元素,再看看这个:

我喜欢在WEB开发讨论Web标准的原因。

其中

是属于块元素,而是属于内联元 素,

包含

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。