HTML作为前端三大基础知识点之一,是每一个前端开发人员都要掌握的部分。今天这篇文章我们来看看一些平时不太会注意,却在面试时可能会问到的题目,来看看你都会吗?
HTML
我们都知道textarea是form表单中一个很常见的元素,用于多行文本输入,可以设置行数和列数。
但是默认的textarea样式在页面上看起来是很丑的,很多页面都是采用div模拟textarea实现。例如QQ空间主页面的发表说说,在你看页面源码后就会发现这个输入框其实是一个div元素,并不是一个textarea元素,现在我们就来看看这是如何实现的吧?
首先来看看实现的效果是什么样的。
实现效果
关键属性:contenteditable
正如这个属性的字面意思,可以理解为可编辑的,如果在页面标签上设置contenteditable=true,该标签就可以进行编辑了。
可以配合user-modify属性,该属性表示的是控制用户能否对页面元素进行编辑,通过设置不同的值可以选择富文本或者纯文本内容,但是由于该属性是非标准属性,很少有人知道。
首先我们来看看页面的HTML部分代码,就是一个很简单的div标签,然后设置contenteditable属性为true。
HTML部分代码
接下来我们就看看整个CSS代码的完整实现吧。
CSS样式
通过min-height和max-height属性可以控制div的高度,在内容超出max-height后会出现滚动条。如果想要固定div的高度,则只需要设置height属性就可以,而不用设置min-height和max-height属性。
src和href从使用上来看都是对外部资源的一种引用,但是在具体理解上是有差异的。
href的值指定的是资源在网络上的位置,定义的是当前页面上的某个元素与需要的资源文件的一个链接。比如下面一个语句。
href引用
当浏览器解析到页面的这条语句时,会知道在这里引用了一个外部样式文件,但并不会阻止页面解析。这与@import有很大不同,因此在引入外部样式时,推荐使用link标签。
src的值表示的是页面上必不可少的内容,需要将指定内容加载到当前页面中。比如下面一个语句。
src引用
当浏览器解析到页面上的这条语句时,浏览器会对这个文件进行解析,编译和执行,从而导致整个页面加载会被暂停,这也是为什么一般会选择将script标签放在body结束标签的前面。
有一种更好的理解方式,href表示的是一个资源的链接;src是对当前元素的替换,内容最终会嵌入到当前页面中。
虽然目前大多数网页都是采用的DIV+CSS布局的方式,但是也有少数的老式Web网页采用的是Table布局,我们可以一起来看看两种布局方式的优劣。
布局对比
div+css布局
div+css的布局方式属于W3C标准,而且由于CSS的存在,HTML部分的代码会显得很纯净,满足行为,样式,结构分离的原则。
页面加载速度更快,这是目前DIV+CSS使用更广泛的一个非常重要的原因。
页面编码量相对于Table布局会少很多。
页面内容更容易维护,由于样式都存在CSS文件中,只需要修改CSS文件即可,对HTML文件不会有影响。
由于DIV+CSS布局更容易进行SEO优化,所以更方便被搜索引擎收录。
Table布局
虽然DIV+CSS有各种各样的优势,但是Table布局也并不是完全无用的。这里也可以列举出几个采用Table布局的优势。
新手学习方便(相信有很多后端RD在进行前端学习时刚开始都是从table布局开始的)。
兼容性更好,由于Table布局是从最古老的浏览器发展而来的,在兼容性上会满足所有浏览器。而CSS3的出现却要考虑浏览器的支持程度,一个样式要考虑加上几个不同浏览器前缀,类似于-webkit,-moz等
今天这篇文章主要讲解了几个关于HTML的知识点,大家都掌握了吗?
近日网友“miao1316116829”问政:
您好,我去年取得中级会计职称证书。已缴纳失业保险超过12个月。证书批准日期为19年9月9日,由于疫情原因一直未申领技能补贴。请问受疫情影响申领时间是否有延长?现在还可以申领吗?如何申领?都需要准备哪些材料?必须本人申领还是可以家人代为申领?是否可以网上申领?
市人社局回复如下:
您好,职称证书不属于技能等级证书,不符合领取失业保险技能提升补贴。
申领条件:
1、失业保险缴费满12个月;
2、在以下网站能查询到的证书,并且证书等级是三级、四级、五级;
全国联网职业资格证书查询系统http://zscx.osta.org.cn/
3、证书核发之日起12个月内,到本人失业保险参保所属市、县、区经办机构申领,逾期不得申领。
所需材料:
(1)《失业保险基金技能提升补贴申请表》;
(2)证书原件、复印件;
(3)本人身份证正、反面和本人交通银行卡复印到一张A4纸上。
原问政网址请点击进入:http://wz.dqdaily.com/wlwz/rlzy/2020-10-11/123809.html
问政热线:6666669
1887年,可口可乐公司创建了第一张优惠券以来,
购物优惠券很快成为连接品牌与消费者的最广泛使用的策略之一。
特别是如今随着网购平台的崛起,
电子优惠券也成了美国消费者购买是否购买一件商品所先考虑的问题。
雨果菌在外网整理了一些2021年优惠券对美国消费者的影响,
跨境卖家们可以参考看看——
@免费正版图片库
据2015年以来的研究报告表明,
预计 2021 年将有 1.453 亿人次的美国人购物会先搜索、使用优惠券,
据悉,这个数据比 2020 年记录的1.423亿人次有了一定的增加,
也突显出如今美国消费者在购物时对优惠券的依赖正日益增长。
2、到 2022 年,优惠券兑现可能达到 910 亿美元。
@免费正版图片库
研究发现,到 2022 年,优惠券市场将达到 910 亿美元。
预计这一增长将归因于隐形支付和二维码等技术创新代码。
@免费正版图片库
使用优惠券对于美国购物者的影响是非常大的,
甚至当一些大品牌没有提供购物券的话,大约 36% 的用户会因此不选择购买。
此外,提供优惠券不仅可以吸引更多的销售额,还能将销售额提高 29%,
因为它可以促使购物者购买更多的商品。
4、65% 的消费者经常根据可用的优惠券计划购买什么。
@免费正版图片库
如何更省钱的购物一直以来都说消费者最看重的事,大约 65% 的人都会关心这类的优惠方案。
这表明优惠券可以牢牢控制消费者的行为,
一家店铺长期提供折扣、交易和优惠券完全能促进销售的增长。
@免费正版图片库
受新冠疫情的影响,一份来自外网的瓦拉西斯 2020 年报告发现,
有 52% 的美国购物者习惯购物前搜索优惠券网站,
而且这一习惯可能以后也会成为一种长期的习惯。
@免费正版图片库
优惠券如何发送给消费者对他们的成功程度起着重要作用。
例如,41%美国购物者更喜欢通过电子邮件发送的优惠券,
而 38%美国购物者更喜欢通过短信发送的优惠券。
对于企业而言,多样化的优惠券分发可以为现在和未来几年的销售成功创建更好的规划图。
@免费正版图片库
以上这些数据无不表明了,提供优惠券或许是店铺保持竞争力最有用的一件事,
特别是不少消费者进行网购时会对价格非常的看重。
有三分之二(66%)的受访者表示,他们在过去12个月内变得更加注重价格。
参考数据:
https://digitalintheround.com/coupon-statistics/
https://www.statista.com/topics/1156/coupon-market-trends-in-the-united-states/
https://www.wnyc.org/story/141353-first-coupon/
https://www.blippr.com/about/coupon-code-stats/
https://www.creditdonkey.com/coupon-statistics.html
https://blog.accessdevelopment.com/ultimate-collection-coupon-statistics
https://www.statista.com/statistics/273226/number-of-adult-digital-coupon-users-in-the-us/
https://www.juniperresearch.com/press/press-releases/digital-coupon-redemptions-surpass-90-billion-2022
*请认真填写需求信息,我们会在24小时内与您取得联系。