html的什么是块元素跟行内元素?

发布网友 发布时间：2022-04-23 17:37

我来回答

共2个回答

热心网友 时间：2022-04-06 09:05

内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素"a"。
块元素(blockelement)和内联元素(inlineelement)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。
块元素(blockelement)
*address-地址
*blockquote-块引用
*center-举中对齐块
*dir-目录列表
*div-常用块级容易，也是csslayout的主要标签
*dl-定义列表
*fieldset-form控制组
*form-交互表单
*h1-大标题
*h2-副标题
*h3-3级标题
*h4-4级标题
*h5-5级标题
*h6-6级标题
*hr-水平分隔线
*isindex-inputprompt
*menu-菜单列表
*noframes-frames可选内容，（对于不支持frame的浏览器显示此区块内容
*noscript-）可选脚本内容（对于不支持script的浏览器显示此内容）
*ol-排序表单
*p-段落
*pre-格式化文本
*table-表格
*ul-非排序列表
内联元素(inlineelement)
*a-锚点
*abbr-缩写
*acronym-首字
*b-粗体(不推荐)
*bdo-bidioverride
*big-大字体
*br-换行
*cite-引用
*code-计算机代码(在引用源码的时候需要)
*dfn-定义字段
*em-强调
*font-字体设定(不推荐)
*i-斜体
*img-图片
*input-输入框
*kbd-定义键盘文本
*label-表格标签
*q-短引用
*s-中划线(不推荐)
*samp-定义范例计算机代码
*select-项目选择
*small-小字体文本
*span-常用内联容器，定义文本内区块
*strike-中划线
*strong-粗体强调
*sub-下标
*sup-上标
*textarea-多行文本输入框
*tt-电传文本
*u-下划线
*var-定义变量

热心网友 时间：2022-04-06 10:23

块元素简单理解就是在指这个标签在不加任何样式的情况下,其他标签跟在它后面会自动换到下一行,例如:div标签;如果不会自动换行的就是行内元素,例如:span标签.
其实用的时候也不用区分那么清楚,因为块元素和行内元素可以通过css样式相互转化,比如在给div设样式:display:inline,div就具有了行内元素的属性;给span设样式:display:block,span就具有了块元素的属性