原文:Web前端开发最佳实践(6):过时的块状元素和行内元素

前言 前端程序员在学习HTML的过程中,肯定接触过页面元素的两个基本类型:块状元素和行内元素,也有大量的技术文章或者教程在介绍这两个概念。但这两个HTML元素相关的概念从字面上却和CSS样式有着很深的联系,这种联系有悖于Web规范中一直倡导的表现和样式分离这一核心思想。在HTML 新规范中,已经淡化了元素的这两种分类,取而代之的方案是更具有语义的HTML元素分类方式。在介绍新分类之前,先来谈谈块状 ...

2015-01-25 23:41 3 2242 推荐指数:

查看详情

HTML 行内元素块状元素的理解

1 行内元素和块级元素的定义 任何HTML (超文本标记语言) 元素都有其默认的display属性,大多数都是行内元素(inline)或块级元素(block)。一个行内元素只占据它对应标签的边框所包含的空间,而一个块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”。 2 行内元素和块 ...

Sat Jul 21 22:57:00 CST 2018 0 2281
行内元素块状元素有些?

1关于行内元素块状元素的说明 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素 ...

Mon Mar 06 02:11:00 CST 2017 0 4217
HTML行内元素块状元素行内块状元素的区别

  HTML可以将元素分类方式分为行内元素块状元素行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:   (1)display:inline;转换为行内元素   (2)display:block;转换为块状元素   (3)display ...

Thu Jun 29 00:23:00 CST 2017 3 114387
块状元素与内联(行内元素的嵌套规则

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

Sun Oct 18 02:15:00 CST 2015 1 4714
html 块状元素、内联元素、内联块状元素

块状元素 display:block的特性是水平拉伸,垂直包裹,可以设置宽度和高度。块状元素还有个特性就是它的margin如果碰不到祖先元素的border或者padding,会与祖先元素垂直方向的margin-top、margin- bottom交叠。上下相邻的同级元素的margin ...

Fri Dec 27 23:13:00 CST 2013 0 2567
常见的块状元素与内联元素

xHTML究竟有多少个标签?绝大部分人都不能得出一个正确的答案,现在就有个机会,自己数数。答案:91个,哈哈,被你找到了~ a, abbr, b, base, body, br, dd, div, ...

Wed Jun 13 18:22:00 CST 2012 0 15589
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM