什么是内联元素?
内联元素(html规范中的概念)英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。基本上没有统一的翻译。另外提到内联元素,通常会涉及到的属性是display:inline;这个属性能够修复著名的IE双倍浮动边界问题。
HTML中都包含哪些内联元素(inline)?
a – 锚点
abbr – 缩写
b – 粗体(不推荐)
big – 大字体
br – 换行
cite – 引用
code – 计算机代码(在引用源码的时候需要)
em – 强调
font – 字体设定(不推荐)
i – 斜体
img – 图片
input – 输入框
kbd – 定义键盘文本
label – 表格标签
q – 短引用
span – 常用内联容器,定义文本内区块
strong – 粗体强调
textarea – 多行文本输入框
什么是块级元素?
HTML(超文本标记语言)中元素大多数都是“块级”元素或行内元素 (en-US)。块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”。
HTML中都包含哪些块级元素(block)?
address – 地址
blockquote – 块引用
dir – 目录列表
div – 常用块级容易,也是CSS layout的主要标签
dl – 定义列表
fieldset – form控制组
form – 交互表单
h1 – h6 标题
hr – 水平分隔线
menu – 菜单列表
ol – 有序表单
p – 段落
pre – 格式化文本
table – 表格
ul – 无序列表
li – 定义列表项目
内联元素与块级元素的区别
1、内联元素(inline)不会独占一行,相邻的内联元素会排在同一行。其宽度随内容的变化而变化。 块级元素会独占一行,默认情况下宽度自动填满其父元素宽度 。
2、内联元素不可以设置宽高 ;块级元素可以设置宽高 。
3、内联元素可以设置margin,padding,但只在水平方向有效。块级元素可以设置margin,padding。
通过以上内容我们知道了内联元素(inline)和块级元素(block)有什么区别,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!