整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML作為前端三大基礎(chǔ)知識(shí)點(diǎn)之一，是每一個(gè)前端開(kāi)發(fā)人員都要掌握的部分。今天這篇文章我們來(lái)看看一些平時(shí)不太會(huì)注意，卻在面試時(shí)可能會(huì)問(wèn)到的題目，來(lái)看看你都會(huì)嗎？
HTML
我們都知道textarea是form表單中一個(gè)很常見(jiàn)的元素，用于多行文本輸入，可以設(shè)置行數(shù)和列數(shù)。
但是默認(rèn)的textarea樣式在頁(yè)面上看起來(lái)是很丑的，很多頁(yè)面都是采用div模擬textarea實(shí)現(xiàn)。例如QQ空間主頁(yè)面的發(fā)表說(shuō)說(shuō)，在你看頁(yè)面源碼后就會(huì)發(fā)現(xiàn)這個(gè)輸入框其實(shí)是一個(gè)div元素，并不是一個(gè)textarea元素，現(xiàn)在我們就來(lái)看看這是如何實(shí)現(xiàn)的吧？
首先來(lái)看看實(shí)現(xiàn)的效果是什么樣的。
實(shí)現(xiàn)效果
關(guān)鍵屬性：contenteditable
正如這個(gè)屬性的字面意思，可以理解為可編輯的，如果在頁(yè)面標(biāo)簽上設(shè)置contenteditable=true，該標(biāo)簽就可以進(jìn)行編輯了。
可以配合user-modify屬性，該屬性表示的是控制用戶能否對(duì)頁(yè)面元素進(jìn)行編輯，通過(guò)設(shè)置不同的值可以選擇富文本或者純文本內(nèi)容，但是由于該屬性是非標(biāo)準(zhǔn)屬性，很少有人知道。
首先我們來(lái)看看頁(yè)面的HTML部分代碼，就是一個(gè)很簡(jiǎn)單的div標(biāo)簽，然后設(shè)置contenteditable屬性為true。
HTML部分代碼
接下來(lái)我們就看看整個(gè)CSS代碼的完整實(shí)現(xiàn)吧。
CSS樣式
通過(guò)min-height和max-height屬性可以控制div的高度，在內(nèi)容超出max-height后會(huì)出現(xiàn)滾動(dòng)條。如果想要固定div的高度，則只需要設(shè)置height屬性就可以，而不用設(shè)置min-height和max-height屬性。
src和href從使用上來(lái)看都是對(duì)外部資源的一種引用，但是在具體理解上是有差異的。
href的值指定的是資源在網(wǎng)絡(luò)上的位置，定義的是當(dāng)前頁(yè)面上的某個(gè)元素與需要的資源文件的一個(gè)鏈接。比如下面一個(gè)語(yǔ)句。
href引用
當(dāng)瀏覽器解析到頁(yè)面的這條語(yǔ)句時(shí)，會(huì)知道在這里引用了一個(gè)外部樣式文件，但并不會(huì)阻止頁(yè)面解析。這與@import有很大不同，因此在引入外部樣式時(shí)，推薦使用link標(biāo)簽。
src的值表示的是頁(yè)面上必不可少的內(nèi)容，需要將指定內(nèi)容加載到當(dāng)前頁(yè)面中。比如下面一個(gè)語(yǔ)句。
src引用
當(dāng)瀏覽器解析到頁(yè)面上的這條語(yǔ)句時(shí)，瀏覽器會(huì)對(duì)這個(gè)文件進(jìn)行解析，編譯和執(zhí)行，從而導(dǎo)致整個(gè)頁(yè)面加載會(huì)被暫停，這也是為什么一般會(huì)選擇將script標(biāo)簽放在body結(jié)束標(biāo)簽的前面。
有一種更好的理解方式，href表示的是一個(gè)資源的鏈接；src是對(duì)當(dāng)前元素的替換，內(nèi)容最終會(huì)嵌入到當(dāng)前頁(yè)面中。
雖然目前大多數(shù)網(wǎng)頁(yè)都是采用的DIV+CSS布局的方式，但是也有少數(shù)的老式Web網(wǎng)頁(yè)采用的是Table布局，我們可以一起來(lái)看看兩種布局方式的優(yōu)劣。
布局對(duì)比
div+css布局
div+css的布局方式屬于W3C標(biāo)準(zhǔn)，而且由于CSS的存在，HTML部分的代碼會(huì)顯得很純凈，滿足行為，樣式，結(jié)構(gòu)分離的原則。
頁(yè)面加載速度更快，這是目前DIV+CSS使用更廣泛的一個(gè)非常重要的原因。
頁(yè)面編碼量相對(duì)于Table布局會(huì)少很多。
頁(yè)面內(nèi)容更容易維護(hù)，由于樣式都存在CSS文件中，只需要修改CSS文件即可，對(duì)HTML文件不會(huì)有影響。
由于DIV+CSS布局更容易進(jìn)行SEO優(yōu)化，所以更方便被搜索引擎收錄。
Table布局
雖然DIV+CSS有各種各樣的優(yōu)勢(shì)，但是Table布局也并不是完全無(wú)用的。這里也可以列舉出幾個(gè)采用Table布局的優(yōu)勢(shì)。
新手學(xué)習(xí)方便（相信有很多后端RD在進(jìn)行前端學(xué)習(xí)時(shí)剛開(kāi)始都是從table布局開(kāi)始的）。
兼容性更好，由于Table布局是從最古老的瀏覽器發(fā)展而來(lái)的，在兼容性上會(huì)滿足所有瀏覽器。而CSS3的出現(xiàn)卻要考慮瀏覽器的支持程度，一個(gè)樣式要考慮加上幾個(gè)不同瀏覽器前綴，類似于-webkit，-moz等
今天這篇文章主要講解了幾個(gè)關(guān)于HTML的知識(shí)點(diǎn)，大家都掌握了嗎？
近日網(wǎng)友“miao1316116829”問(wèn)政：
您好，我去年取得中級(jí)會(huì)計(jì)職稱證書(shū)。已繳納失業(yè)保險(xiǎn)超過(guò)12個(gè)月。證書(shū)批準(zhǔn)日期為19年9月9日，由于疫情原因一直未申領(lǐng)技能補(bǔ)貼。請(qǐng)問(wèn)受疫情影響申領(lǐng)時(shí)間是否有延長(zhǎng)?現(xiàn)在還可以申領(lǐng)嗎?如何申領(lǐng)?都需要準(zhǔn)備哪些材料?必須本人申領(lǐng)還是可以家人代為申領(lǐng)?是否可以網(wǎng)上申領(lǐng)?
市人社局回復(fù)如下：
您好，職稱證書(shū)不屬于技能等級(jí)證書(shū)，不符合領(lǐng)取失業(yè)保險(xiǎn)技能提升補(bǔ)貼。
申領(lǐng)條件：
1、失業(yè)保險(xiǎn)繳費(fèi)滿12個(gè)月;
2、在以下網(wǎng)站能查詢到的證書(shū)，并且證書(shū)等級(jí)是三級(jí)、四級(jí)、五級(jí);
全國(guó)聯(lián)網(wǎng)職業(yè)資格證書(shū)查詢系統(tǒng)http://zscx.osta.org.cn/
3、證書(shū)核發(fā)之日起12個(gè)月內(nèi)，到本人失業(yè)保險(xiǎn)參保所屬市、縣、區(qū)經(jīng)辦機(jī)構(gòu)申領(lǐng)，逾期不得申領(lǐng)。
所需材料：
(1)《失業(yè)保險(xiǎn)基金技能提升補(bǔ)貼申請(qǐng)表》;
(2)證書(shū)原件、復(fù)印件;
(3)本人身份證正、反面和本人交通銀行卡復(fù)印到一張A4紙上。
原問(wèn)政網(wǎng)址請(qǐng)點(diǎn)擊進(jìn)入：http://wz.dqdaily.com/wlwz/rlzy/2020-10-11/123809.html
問(wèn)政熱線：6666669
1887年，可口可樂(lè)公司創(chuàng)建了第一張優(yōu)惠券以來(lái)，
購(gòu)物優(yōu)惠券很快成為連接品牌與消費(fèi)者的最廣泛使用的策略之一。
特別是如今隨著網(wǎng)購(gòu)平臺(tái)的崛起，
電子優(yōu)惠券也成了美國(guó)消費(fèi)者購(gòu)買是否購(gòu)買一件商品所先考慮的問(wèn)題。
雨果菌在外網(wǎng)整理了一些2021年優(yōu)惠券對(duì)美國(guó)消費(fèi)者的影響，
跨境賣家們可以參考看看——
@免費(fèi)正版圖片庫(kù)
據(jù)2015年以來(lái)的研究報(bào)告表明，
預(yù)計(jì) 2021 年將有 1.453 億人次的美國(guó)人購(gòu)物會(huì)先搜索、使用優(yōu)惠券，
據(jù)悉，這個(gè)數(shù)據(jù)比 2020 年記錄的1.423億人次有了一定的增加，
也突顯出如今美國(guó)消費(fèi)者在購(gòu)物時(shí)對(duì)優(yōu)惠券的依賴正日益增長(zhǎng)。
2、到 2022 年，優(yōu)惠券兌現(xiàn)可能達(dá)到 910 億美元。
@免費(fèi)正版圖片庫(kù)
研究發(fā)現(xiàn)，到 2022 年，優(yōu)惠券市場(chǎng)將達(dá)到 910 億美元。
預(yù)計(jì)這一增長(zhǎng)將歸因于隱形支付和二維碼等技術(shù)創(chuàng)新代碼。
@免費(fèi)正版圖片庫(kù)
使用優(yōu)惠券對(duì)于美國(guó)購(gòu)物者的影響是非常大的，
甚至當(dāng)一些大品牌沒(méi)有提供購(gòu)物券的話，大約 36% 的用戶會(huì)因此不選擇購(gòu)買。
此外，提供優(yōu)惠券不僅可以吸引更多的銷售額，還能將銷售額提高 29%，
因?yàn)樗梢源偈官?gòu)物者購(gòu)買更多的商品。
4、65% 的消費(fèi)者經(jīng)常根據(jù)可用的優(yōu)惠券計(jì)劃購(gòu)買什么。
@免費(fèi)正版圖片庫(kù)
如何更省錢的購(gòu)物一直以來(lái)都說(shuō)消費(fèi)者最看重的事，大約 65% 的人都會(huì)關(guān)心這類的優(yōu)惠方案。
這表明優(yōu)惠券可以牢牢控制消費(fèi)者的行為，
一家店鋪長(zhǎng)期提供折扣、交易和優(yōu)惠券完全能促進(jìn)銷售的增長(zhǎng)。
@免費(fèi)正版圖片庫(kù)
受新冠疫情的影響，一份來(lái)自外網(wǎng)的瓦拉西斯 2020 年報(bào)告發(fā)現(xiàn)，
有 52% 的美國(guó)購(gòu)物者習(xí)慣購(gòu)物前搜索優(yōu)惠券網(wǎng)站，
而且這一習(xí)慣可能以后也會(huì)成為一種長(zhǎng)期的習(xí)慣。
@免費(fèi)正版圖片庫(kù)
優(yōu)惠券如何發(fā)送給消費(fèi)者對(duì)他們的成功程度起著重要作用。
例如，41%美國(guó)購(gòu)物者更喜歡通過(guò)電子郵件發(fā)送的優(yōu)惠券，
而 38%美國(guó)購(gòu)物者更喜歡通過(guò)短信發(fā)送的優(yōu)惠券。
對(duì)于企業(yè)而言，多樣化的優(yōu)惠券分發(fā)可以為現(xiàn)在和未來(lái)幾年的銷售成功創(chuàng)建更好的規(guī)劃圖。
@免費(fèi)正版圖片庫(kù)
以上這些數(shù)據(jù)無(wú)不表明了，提供優(yōu)惠券或許是店鋪保持競(jìng)爭(zhēng)力最有用的一件事，
特別是不少消費(fèi)者進(jìn)行網(wǎng)購(gòu)時(shí)會(huì)對(duì)價(jià)格非常的看重。
有三分之二（66%）的受訪者表示，他們?cè)谶^(guò)去12個(gè)月內(nèi)變得更加注重價(jià)格。
參考數(shù)據(jù)：
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
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
