郑州模板网站建设,做网站建设有前景吗,手机在线做ppt模板下载网站,网站标题正确书写标准前言某天晚上#xff0c;和几个朋友去撸串#xff0c;突然就聊到了面试#xff0c;都在感叹现在的面试题太变态了#xff0c;其中一个突然很神秘的问我#xff1a;“你写前端这么久了#xff0c;那你知道 img 是什么元素吗#xff1f;”于是我结合平时写页面的经…前言某天晚上和几个朋友去撸串突然就聊到了面试都在感叹现在的面试题太变态了其中一个突然很神秘的问我“你写前端这么久了那你知道 img 是什么元素吗”于是我结合平时写页面的经验脱口答道“应该是内联元素吧。”但说出来就后悔了因为肯定没那么简单。果然他像“非洲大山”穆托姆博那样对我摇了摇指头。于是我回去就查了一下发现答案还不是那么明朗以下是百度和谷歌的结果但通过图中可以发现都提到了一个词替换。于是我去了更权威的 MDN web docs寻找替换元素 的定义。正文什么是可替换元素在 CSS 中可替换元素replaced element的展现效果不是由 CSS 来控制的。这些元素是一种外部对象它们外观的渲染是独立于 CSS 的。简单来说它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置但不会影响到可替换元素自身的内容。某些可替换元素例如 iframe 元素可能具有自己的样式表但它们不会继承父文档的样式。其他的可替换元素1. 典型的可替换元素iframevideoembedimg2. 仅在特定情况下被作为可替换元素处理optionaudiocanvasobjectapplet3. 特殊的 inputHTML 规范说明了 input 元素可替换因为 image 类型的 input 元素就像 img 一样被替换。但是其他形式的控制元素包括其他类型的 input 元素被明确地列为非可替换元素non-replaced elements。4. CSS 属性中的 content用 CSS content 属性插入的对象是匿名的可替换元素。它们并不存在于 HTML 标记中因此是“匿名的”。标签 img 的权威定义这里还是要引用 MDN 的解释img 是一个可替换元素。它的 display 属性的默认值是 inline但是它的默认分辨率是由被嵌入的图片的原始宽高来确定的使得它就像 inline-block 一样。你可以为 设置 border/border-radius、padding/margin、width、height 等等的 CSS 属性。 img 没有基线baseline这意味着当在一个行内格式的上下文an inline formatting context中使用 vertical-align: baseline 时图像的底部将会与容器的文字基线对齐。CSS 在某些情况下会对可替换元素做一些特殊处理比如计算外边距margin和一些 auto 的具体值。这就是为什么插入图片的时候还同时需要设置一些 CSS 属性否则总会出现一些你意料之外的表现。结尾在起标题的时候很纠结因为也许会有很多读者能回答上来或许是我孤陋寡闻了。但我问了几个前同事、朋友他们都没有很完整的回答出来所以最后还是决定使用这个标题毕竟符合“二八定律”如果有标题党的嫌疑还请各位见谅。但是写页面这么久包括平时的交流中还真没深入讨论过这个问题也可能是看某本书时提到过但印象不深吧直到被当做面试题来问。这里再次暴露了一个现象级问题面试到底应该问什么“面试造火箭进去切图片”是近年前端面试的痛点甚至去年面试过一家笔试题里面居然有软件工程题和项目管理题然后面试官还各种装X说他很看中基础公司是某个集团旗下的子公司然后就他不知道哪个网站 copy 的智商题大谈自己的理解好像是什么独木桥、两个手电筒几个人每个人过桥时间不一样没有光照就 GG求最佳过桥策略。然后我心想“我就是来面试前端的跟我扯那么多有的没的是在干啥还扯到项目管理到底是招程序员还是招项目经理”环顾四周其实也就是个工厂改造的创业基地面试的地方还堆了各种杂物……真是庙小妖风大池浅王八多拜拜您呐。个人觉得如果是招聘有经验的开发岗应该多问问项目经验以及遇到问题的解决思路这种没法靠背面试题来忽悠而不是翻故纸堆问“回”字有几种写法这种“孔乙己”式问题。这类问题看过就知道没看就不知道对项目的帮助微乎其微除非面试的是架构师、算法岗这类需要很深的理论研究的。但据我观察市场上绝大多数的前端招进来就是写页面除了大厂而且在团队中也是很卑微的存在重要性远比不上后端这就是现状因为很多领导、总监都是后端出身对前端不那么重视。所以面试的时候少一些套路多一些真诚不好吗最后还是要引用一下 Linus 大神的名言“屁话少说放码过来。”原作者姓名布拉德特皮原出处掘金原文链接80%的前端会答错的问题img是什么元素
