[HTML5]块和内联元素的嵌套

块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素。

<!-- 无效代码! :-( -->
<strong>
  <p>你不应该把p元素放在 "strong" 标签中。</p>
</strong>

strong:内联元素。

p:块元素。

虽然html(超文本标记语言)规范是这么约定的,但实际这样是有效的,可以被浏览器解析。

a标签,链接是唯一的例外,它是内联元素,也可以嵌套块元素,但要注意不要a标签嵌套a标签,这样的代码是无效的代码,嵌套的a标签会被浏览器解析到同级。

参考:踏得网

时间: 2024-10-06 20:37:31

[HTML5]块和内联元素的嵌套的相关文章

浅谈块级元素和内联元素的嵌套规则

块级元素的特点:每一个块级元素都是从一个新行开始显示,其后的元素需另起一行 常见: 块级元素:h1,h2,h3,h4,h5,h6,hr,div,fielset,form,dl,address,ol,p,table,ul,pre等 内联元素:a,b,br,em,i,img,input,strong,textarea,span,label等 注意:两者可相互转换:display:inline|block 嵌套规则: 1.块级元素里可包含内联元素和某些块级元素,但内联元素不能包含块级元素,只能包含其他

9_块与内联元素.txt

CSS中元素的分类:块.内联 我们在布局页面的时候,会将HTML标签(元素)分为两种,块元素和内联元素, 我们平时用到的标签div和p就是块元素,链接标签a就是内联元素, 我们可以通过CSS修改元素的类型. display:block/inline; 1.块元素 默认属性和值为  display:block; 块元素一般是其它元素的容器,可以容纳内联元素和其它块元素,块元素排斥其它元素与其位于同一行, 宽度width和高度height起作用.常见块元素为div p body h1-h6等 注意:

HTML之class属性、table元素、块级和内联元素

一:网页的组成部分: 1.结构:HTML 2.样式:CSS 3.行为:Javascript 二:介绍新的属性:class(类),直接用例子来解释该属性的用法: 给一个标签确定样式的三种方法(按样式表的位置区分): 1.行间样式表:在<body>内直接添加样式,如: < p class="box" style="color:blue">测试文字</p> 2.内部样式表: 1)在<body>内需要添加样式的属性处输入,如:

html5 区块与内联div 与span html块级元素

html5 区块与内联div 与span html块级元素 HTML <div> 和 <span> HTML 列表 HTML 类 可以通过 <div> 和 <span> 将 HTML 元素组合起来. HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素. 编者注:"块级元素"译为 block level element,"内联元素"译为 inline element. 块级元素在浏览器显示时,通常会以新行

块级元素和内联元素之间的嵌套规则

1.块级中可以包括一部分块级元素,并可以包含内联元素.内联元素中不包含块级元素,只可以包含内联元素. 2.<p>标签虽然是块级元素,但不可包含其他块级元素. <p>,<h*1~6>,<dt>这几个块级元素只可包含内联元素. 3.<li>中可以包含<div>. 4.块级与块级并列,内联与内联元素相并列.(这点之前没注意,后面应注意使用) 参考自:http://www.bugshouji.com/shareweb/t80

html的块级元素和内联元素

常用的块级元素: address , center , div , dl ,, form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li 在HTML5的规范中,<header><nav><footer><article><section>等标签其实就是<div>,而这些新标签出现的意义是为了更好的划分整体HTML文档显示逻辑结构, 比如,在<head

CSS--基础块级元素与内联元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素.在HTML和XHTML中,块级元素不能继承自行内元素(即不能嵌套在行内元素),<p>I like <em>it</em></p>是正确的写法,但是<em>I like<p>it</p></em>是不正确的. 常用的块状元素有: <div>.<p>.<h1>...<

块状元素与内联(行内)元素的嵌套规则

如果不按照HTML规则书写代码时,浏览器就不会正确解析,会将不符合嵌套规则的节点放到目标节点的下面,或者变成纯文本.HTML存在许多种类型的标签,有的标签下面只允许特定的标签存在,这就是HTML嵌套规则.        块状元素:一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用. 内联元素(行内元素):内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)

HTML中的块级元素和内联元素记录

html块状元素.内联元素  块级元素的分类块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素.  结构化块状元素  这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的.它们没有语义上的含义仅仅划分出了文档的组织方式,并没有体现文档的内容.  主要的结构化块状元素     * <ol>     * <ul>      * <dl>     * <table>  支