前端面试查漏补缺,<img>是什么元素,属于块级元素还是行内元素?

本文探讨了HTML中的 图片元素(``),它是一个行内元素,但作为替换元素允许设置宽高。内容包括标签的必需属性src和alt,以及替换元素的概念,解释了为何``可以设置尺寸。
摘要由CSDN通过智能技术生成

<img /> 标签的基本使用

浏览器支持

所有主流浏览器都支持 <img> 标签

标签定义及使用说明

<img> 标签定义 HTML 页面中的图像
<img> 标签有两个必需的属性:src 和 alt
强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式

<img />究竟是什么元素

<img /> 是行内元素还是块级元素?

<img /> 标签没有独占一行,所以是行内元素,这没啥问题
既然是行内元素为什么能够设置宽高呢?

这个问题就要引申出下面部分了,<img /> 标签属于替换元素,具有内置的宽高属性,所以可以设置,具体解释看下面。
元素的定义

从元素本身的特点来讲,可以分为不可替换元素和替换元素

元素相关的MDN解释

不可替换元素

(X)HTML 的大多数元素是不可替换元素,即其内容直接表现给用户端(例如浏览器)
如:<h1>我是标题</h

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酔清风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值