html5的img不是块级元素。img是行内元素,同时也属于替换元素,具有内置的宽高属性,所以img标签可以设置宽和高。img属于行内替换元素,height、width、padding、margin均可用,效果等于块元素。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
<img />
标签的基本使用浏览器支持
<img>
标签标签定义及使用说明
<img>
标签定义 HTML 页面中的图像<img>
标签有两个必需的属性:src 和 alt<img />
究竟是什么元素<img />
是行内元素还是块级元素?<img />
标签没有独占一行,所以是行内元素,这没啥问题既然是行内元素为什么能够设置宽高呢?
<img />
标签属于替换元素,具有内置的宽高属性,所以可以设置,具体解释看下面。从元素本身的特点来讲,可以分为不可替换元素和替换元素
元素相关的MDN解释
不可替换元素
(X)HTML
的大多数元素是不可替换元素,即其内容直接表现给用户端(例如浏览器)<h1>我是标题</h1>
可替换元素
<img>
标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容;又例如根据 <input>
标签的type属性来决定是显示输入框,还是单选按钮等<img>、<input>、
都是替换元素。这些元素往往没有实际的内容,即是一个空元素<img src="tigger.jpg"/>
、<input type="submit" name="Submit" value="提交"/>
<img>
属于可替换元素<img>
同时具有行内元素,行内块,和块级元素的特性width
和 height
,可以设定<img>
的 width
和 height
时,就按其内在尺寸显示,也就是图片被保存的时候的宽度和高度<img>、<input>
属于行内替换元素。height/width/padding/margin
均可用。效果等于块元素推荐教程:《html视频教程》
以上是html5的img是块级元素吗的详细内容。更多信息请关注PHP中文网其他相关文章!