信的规则进行了调整

希望大家看完故事多点“在看”，喜欢的话也点个分享和赞

这样事儿君的推送才能继续出现在你的订阅列表里

才能继续跟大家分享每个开怀大笑或拍案惊奇的好故事啦~

话说，很多人都喜欢用宝石来作为自己时尚的搭配。

在美国有这么一位名叫利尔·乌兹·弗特（Lil Uzi Vert）的说唱歌手，他最近就买到了一颗巨大的粉钻来装饰自己。

但跟别人不一样的是，他没有把宝石做成项链、戒指一类的首饰，而是直接把宝石镶在自己的头上……

事情是这么一回事，

在1月31日，乌兹发了一条推特，庆祝自己终于买下了一颗10-11克拉的粉钻：

“最近几年，我一直在从某宝石品牌那分期购买一颗粉钻。

这钻石太贵了，从我2017年第一次看到它，到现在，我才终于把钱付齐。

现在啊，我这脸可老值钱了！”

在这里先简单的介绍一下，

这个乌兹先生，其实是一位很成功的说唱歌手。

专辑销量惊人，歌曲也总能登上排行榜，

而且他的生活也并不缺钱，

拥有好几辆二次元跑车，

在夏威夷住着别墅……

就这样一名著名的Rapper，硬是分了3年才买下这一颗粉钻。

大家猜猜这粉钻得值多少钱？

2400万，美元。

根据乌兹的说法，这钻石比他的房子和车加起来都要贵。

“所以，这钻石比你那一堆车都贵？”

“是啊，比我的布加迪还贵呢。大概是我所有车再加上房子的价值。

所以我才凑了3年钱啊。”

而在买到这颗钻石之后，不知道乌兹是出于什么样的考虑，

总之他没有拿钻石来做项链或者戒指，而是直接把石头镶嵌到自己的额头上，

当一个名副其实的“首饰”。

而且他还特意开直播分享他的新“首饰”。

在视频里他介绍说，

现在他是把额头扎了个洞，然后把钻石别在上面了。

现在钻石还会左右晃，没有固定牢，

等额头消肿之后，他会再扎个洞，来固定住这颗钻石。

（乌兹在晃动钻石）

过了一天，乌兹又发了个视频显摆自己的钻石。

只见车里一片漆黑，只有额头上的钻石在闪闪发光……特别明显……

怎么说呢，

虽然有钱人的爱好跟我们都不太一样，但乌兹这个，也太别致了……

网友们真的是没办法理解，于是纷纷开起了吐槽模式：

“钻石没跟你鼻子对齐啊！难受死我了！”

“这哥们儿真就花了2400万美元，买了块他看不见的石头？”

更多的网友在看到乌兹的样子后，立刻想到了漫威超级英雄电影里，被灭霸抠了宝石的幻视：

“等你遇到抢劫的时候就是这样的：”

“上一个这么玩的已经褪色了：”

也有网友表示，把2400万美元戴在脸上，是不是太招摇了？

“兄弟，你下次见面会是啥时候？（我准备好镐子挖矿了）”

“没错，我们现在流行把钱晒脑门儿上！”

另外呢，因为乌兹本人是一个资深二次元，

所以还有不少网友用动漫人物调侃他：

比如《口袋妖怪》里的宝石海星：

（“我这小老弟进化成宝石海星了！！！”）

还有乌兹最爱的漫画，《火影忍者》，

（“生活脱胎于艺术”）

除此之外还有经典的JoJo梗：

还有网友联想到了《瑞奇与莫迪》中的某一集，

但无论网友们怎么说，

乌兹对于他的这个新首饰显然是很满意的。

他还在社交平台上发了自己最近戴着钻石录音的照片，

表示自己在脑袋上开了个洞之后脑洞大开，创意无限……

咋说呢，虽然人家没偷没抢，不应该嘲笑人家，但还是得说一句，有钱人的玩法真的让人难以理解啊……

ref：

https://twitter.com/LILUZIVERT/status/1357140185222434816

https://www.dailymail.co.uk/news/article-9220821/Rapper-Lil-Uzi-Vert-gets-11-karat-pink-diamond-worth-upwards-24million-pierced-FOREHEAD.html

--------------------

北雁兮南飞：可以的，二郎神了啦！

快扶本座去看喵星人：像我这种睡觉不老实的，已经可以想象到，趴着睡时，钻勾到我外婆缝被子的线而扯出血了

sychopathicCrush13：很好奇会不会有人想要钻石直接把他的头砍下来

上海第一小狗饼干：为了riri他要shine bright like a diamond

一顿喝牛奶喝一斤：这个镶嵌的位置设定好像丧尸啊，变异了之后就是可以提高身体上限的尸晶

BrandonFlynn资讯：我觉得还挺好看，一定是金钱迷失了我双眼

TML称为超文本标记语言，是一种标识性的语言。在前端开发中离不开HTML，支持不同数据格式的文件镶入。前端工程师在面试过程中涉及到一些基础知识，常见的前端HTML面试题有哪些呢？本文，千锋武汉Web前端培训小编分享12道经典的HTML面试题给大家！

1、<image>标签上title属性与alt属性的区别是什么？

alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。

这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。

title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。参考《alt和title属性的区别及应用》

2、分别写出以下几个HTML标签：文字加粗、下标、居中、字体

加粗：<b>、<strong>

下标：<sub>

居中：<center>

字体：<font>、<basefont>、参考《HTML标签列表》

3、请写出至少5个html5新增的标签，并说明其语义和应用场景

section：定义文档中的一个章节

nav：定义只包含导航链接的章节

header：定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。

footer：定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。

aside：定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。

参考《HTML5 标签列表》

4、请说说你对标签语义化的理解？

a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构

b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；

d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

5、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

声明位于文档中的最前面，处于 标签之前。告知浏览器以何种模式来渲染文档。

严格模式的排版和 JS 运作模式是，以该浏览器支持的最高标准运行。

在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

6、你知道多少种Doctype文档类型？

标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，

Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。

7、HTML与XHTML——二者有什么区别

a. XHTML 元素必须被正确地嵌套。

b. XHTML 元素必须被关闭。

c. 标签名必须用小写字母。

d. XHTML 文档必须拥有根元素。

参考《XHTML 与 HTML 之间的差异》

8、html5有哪些新特性、移除了那些元素？

a. HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

b. 拖拽释放(Drag and drop) API

c. 语义化更好的内容标签（header,nav,footer,aside,article,section）

d. 音频、视频API(audio,video)

e. 画布(Canvas) API

f. 地理(Geolocation) API

g. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失

h. sessionStorage 的数据在页面会话结束时会被清除

i. 表单控件，calendar、date、time、email、url、search

j. 新的技术webworker, websocket等

移除的元素：

a. 纯表现的元素：basefont，big，center, s，strike，tt，u；

b. 对可用性产生负面影响的元素：frame，frameset，noframes；

9、iframe的优缺点？

优点：

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. iframe无刷新文件上传

c. iframe跨域通信

缺点：

a. iframe会阻塞主页面的Onload事件

b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

d. 会产生很多页面，不容易管理。

参考《iframe的一些记录》

10、Quirks模式是什么？它和Standards模式有什么区别？

在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。IE6以前的页面大家都不会去写DTD，所以IE6就假定 如果写了DTD，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。

区别：总体会有布局、样式解析和脚本执行三个方面的区别。

a. 盒模型：在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包含了padding和border。

b. 设置行内元素的高宽：在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。

c. 设置百分比的高度：在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用

d. 设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。

11、请阐述table的缺点

a. 太深的嵌套，比如table>tr>td>h3，会导致搜索引擎读取困难，而且，最直接的损失就是大大增加了冗余代码量。

b. 灵活性差，比如要将tr设置border等属性，是不行的，得通过td

c. 代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱

d. 混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱。

e. 不够语义

参考《为什么说table表格布局不好？》

12、简述一下src与href的区别

src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接

以上千锋武汉Web前端培训小编仅介绍了部分HTML面试题及答案。如果想要在众多竞争者中脱颖而出，除了专业技能还需要掌握一些求职面试的技巧，在面试过程中争取更多的主动权。了解更多Web前端工程师求职面试技巧，你可以关注“武汉千锋”微信公众号，定期发布技术热点文章和求职指南。你也可以来千锋武汉Web前端培训班免费试听两周，亲身感受教学效果，满意后进行系统深入的学习进阶！

千锋武汉Web前端培训课程结合时下流行技术，以实战项目驱动教学，除了培养学员的开发技术，覆盖热门大数据可视化内容，深度贯穿前端后端开发，紧贴主流企业一线需求。这里有专业老师带你，最多半年的时间让你完美蜕变。进名企、拿高薪不再是问题，命运掌握在自己的手里，想要什么样的人生就看你自己的选择了！