HTML中常见的元素分类(三种)

今天来和大家分享一下,我在学习过程中遇到的HTML元素的几种类别,目前来说我知道的有三类:
块状元素(block), 内联元素(inline 也称为行内元素), 可变元素.

1. 块状元素(block)
(1) 块状元素在网页中就是以块的形式显示(显示形状为矩形). 块状元素默认没有自己高度和宽度,默认情况下它的宽度是继承其父元素的宽度,高度是内容撑起来的高度,没有内容的时候高度为0.
常用的块状元素:div, dl, dt, dd, ul, ol, fiedset, (h1-h6), p, form, hr, collgroup, col, table, tr,td等;
(2) 块状元素的特点:

默认的情况下,块状元素都会独占一行,块状元素会按顺序自上而下排列;
块状元素都可以直接设置宽度和高度;
块状元素都遵循盒模型的所有规则,一般作为其他元素的容器(p标签除外);

2.内联元素(inline 或称行内元素)
(1) 常见的行内元素:span, a, i, em, strong, b等;
(2) 类联元素的特点:

内联元素后面如果是内联元素,则会在一行内逐个显示;
内联元素现实的宽度,高度,不能直接定义,它最小的内容单元也会呈现矩形形状;
内联元素遵循盒模型的规则,但是会有部分无法显示;

(当然我们也可以通过改变内联元素的display属性,来实现对其宽度和高度的设置,这个知识点我会放在下一篇和大家分享)
3.可变元素
可变元素需要根据上下文关系来确定这个元素是块元素还是内联元素(感觉就像一个铁骨铮铮的墙头草,哈哈哈);这个我知道的也就这么点了,因为我基本上没用过,上面的两种元素就够用了.

嗯,今天就这么多了,如果有那些不对的地方请各位指正,谢谢!

HTML中常见的元素分类(三种)相关推荐

html中常见表达颜色的三种方式
html中常见表达颜色的三种方式网页中经常应用到各种颜色,这关乎界面美观以及整体的设计感,那么,具体应用到哪几种表达方式,接下来让我们一起看看: 1 英文单词表示(局限):red(红),blue(蓝 ...
C语言中调用数组元素的三种方法：下标法、数组名法、指针法
/*调用数组元素的三种方法:下标法.数组名法.指针法*/ #include<stdio.h> int main() {int a[] = { 1,2,3,4,5 }, i, * p;pri ...
python列表元素都加倍_关于python列表增加元素的三种操作方法
关于python列表增加元素的三种操作方法 1.insert方法,该方法包含两个参数,第一个参数为插入的位置参数,第二个参数为插入内容 a = [0,0,0] b = [1,2,3] a.insert ...
js学习-DOM之动态创建元素的三种方式、插入元素、onkeydown与onkeyup两个事件整理...
动态创建元素的三种方式: 第一种: Document.write(); <body> <input type="button" id="btn" ...
mysql在计算机管理中的路径怎么修改_Rstudio中修改工作路径的三种方法
原文链接: Rstudio中修改工作路径的三种方法_weixin_44370085的博客-CSDN博客_rstudio改变工作目录blog.csdn.net Rstudio中修改工作路径的三种方法 ...
Java中遍历Set集合的三种方法
Map集合:链接: Map集合的五种遍历方式及Treemap方法 Set集合:链接: Java中遍历Set集合的三种方法 TreeSet集合:链接: Java深入了解TreeSet,和迭代器遍历方法 ...
Redis中五大基本数据类型和三种特殊数据类型详解
目录介绍概念基本命令 redis是单线程的五大基本数据类型 String 命令应用场景 List 命令应用场景 Set 命令应用场景 Hash 命令应用场景 Zset 命令应用场景 ...
html form提交前md5,javascript实现MD5加密-JavaScript获取HTML元素的三种方...-兼容IE与firefox的js回车提交表单_169IT.COM...
本文介绍JavaScript获取网页中HTML元素的三种方法,供大家学习参考. 1.getElementById() getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义 ...
JavaScript 循环中调用异步函数的三种方法，及为什么 forEach 无法工作的分析
JavaScript 循环中调用异步函数的三种方法,及为什么 forEach 无法工作的分析业务分析初版的问题解决方案传统的 for 循环不使用 for 循环的解决方案分析 forEach ...

HTML中常见的元素分类(三种)

HTML中常见的元素分类(三种)相关推荐

最新文章

热门文章