发 帖  
原厂入驻New
[问答]

html元素类型有哪些?

56 HTML 元素
分享
html元素有哪些分类?
html元素类型的转换
html置换元素和非置换元素?


0
2020-11-4 08:36:56   评论 分享淘帖 邀请回答
3个回答
html元素可分为三大类:块元素、内联元素、可变元素
这里的叫法应该不对,应该把元素替换为标签,标签里面的内容才叫元素。
1.块元素:
常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption
块状元素特点:
  (a)以块的形式显示为一个矩形区域;
  (b)块状元素独占一行,自上而下排列;
  (c)块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border;
  (d)块状元素可以作为一个容器包含其他的块状元素或内联元素。
2.内联元素(行内元素):
常见内联元素:a,strong,b,i,em,span,label,img,input
内联元素特点:
  (a)内联元素在一行逐个进行显示;
  (b)内联元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;
  (c)内联元素设置与高度相关的一些属性(如margin-top,margin-bottom,padding-top,padding-bottom,line-height),显示无效或显示不准确;
  (d)内联元素设置左右填充和外间距是可以的。
内联块状元素:img,input,textarea
内联块状元素特点:
  (a)即具有内联元素特点,也具有块状元素特点
  (b)即可以定义容器的宽,高,margin,padding等,还可以和其他内联元素在一行显示
3.可变元素
2020-11-4 16:21:02 评论

举报

元素类型转换
display:block|inline|inline-block|none|list-item;
block:将元素转换为块状元素(大部分块状元素的默认display属性值)

inline:将元素转换为内联元素(大部分内联元素的默认display属性值)
inline-block:将元素转换为内联块状元素(img,input等元素的默认display属性值)
list-item:将元素转换为列表类型(li的默认display属性值)
none:元素隐藏不可见
注:当元素设置了float属性后,就相当于设置了display:block;可以给元素定义宽,高了
2020-11-4 16:21:06 评论

举报

置换元素和非置换元素
1.置换元素
浏览器根据元素的标签和属性,来决定元素的具体显示内容
如img标签,src属性决定了在网页呈现不同的图片
如input标签,type属性决定了在网页中呈现什么类型的input控件
2.非置换元素
除置换元素外其他的html元素都是非置换元素
标签之间书写什么样的内容,浏览器就显示什么内容
2020-11-4 16:21:37 评论

举报

撰写答案

你正在撰写答案

如果你是对答案或其他答案精选点评或询问,请使用“评论”功能。

高级模式
您需要登录后才可以回帖 登录 | 注册

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
我要提问
关闭

站长推荐 上一条 /9 下一条

快速回复 返回顶部 返回列表