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小時內與您取得聯系。