更好地選拔優秀適崗人才,充實教師隊伍,優化師資結構,南京市江北新區管理委員會教育和社會保障局所屬公辦學校面向社會公開招聘6名骨干教師。根據《江蘇省事業單位公開招聘人員辦法》(蘇辦發﹝2020﹞9號)精神,現就有關事項公告如下:
招聘崗位
本次招聘相關信息在南京市人力資源和社會保障局網(http://rsj.nanjing.gov.cn/)
南京市教育局網(http://edu.nanjing.gov.cn/)
南京江北新區網(http://njna.nanjing.gov.cn/index.html)
南京江北新區教育信息網(http://www.njnaedu.cn/)發布
具體的招聘單位、崗位、數量、資格條件等詳見《南京江北新區2021年公開招聘骨干教師崗位信息表》(附件1,以下簡稱《崗位信息表》)
招聘條件
(一)應聘人員應具備以下條件:
1、具有中華人民共和國國籍,遵守中華人民共和國憲法和法律,擁護中國共產黨領導和社會主義制度。
2、無違法違紀行為,具有良好的品行和職業道德,熱愛教育事業,具備教師的基本素質和教育教學能力,具備正常履行崗位職責所需的身體條件。
3、具備本科及以上學歷,取得相應的教師資格證書。一級教師年齡在40周歲以下(1981年12月31日以后出生)。高級教師及以上職稱的年齡在45周歲以下(1976年12月31日以后出生),條件特別優秀者年齡可適當放寬。
4、報考崗位編號101、102崗位的須具有高級教師及以上職稱,并具有省特級教師、設區市學科帶頭人或相當層次骨干教師稱號。
5、報考崗位編號201、202、203、204崗位的,須具有一級教師及以上職稱,并具有區(縣)級及以上學科帶頭人稱號,或區(縣)級及以上優秀青年教師稱號,或在設區市及以上教育(教研)主管部門組織的教學競賽中獲二等獎及以上獎項。
6、具備報考崗位要求的其他資格條件(詳見《崗位信息表》)。
(二)有下列情形之一的,不得應聘:
1、現役軍人、普通高校在讀非2021屆畢業生;
2、尚未解除紀律處分或者正在接受紀律審查的人員、刑事處罰期限未滿或者涉嫌違法犯罪正在接受調查的人員;
3、應聘人員與事業單位工作人員有夫妻關系、直系血親關系、三代以內旁系血親關系、近姻親及其他須回避的親屬關系的,不得應聘具有直接上下級領導關系的管理崗位,以及《事業單位人事管理回避規定》要求回避的崗位;
4、國家和省另有規定不得應聘到事業單位有關崗位的人員。
招聘程序
(一)報名
1、報名時間:自本公告發布之日起接受報名,報名截止時間為2021年12月31日17:00。
2、報名方式:網上報名,報名郵箱:jbxqjszp@163.com。請在郵件主題上注明應聘人員姓名及應聘學校和學科。
3、報名提交材料:
應聘人員報名時須向指定郵箱提交以下電子材料。
(1)網上下載填寫《南京江北新區2021年公開招聘骨干教師報名表》(見附件2)。
(2)個人詳細簡歷。
(3)本人有效居民身份證(正反面)、學歷學位證書(前、后學歷)、學歷證書電子注冊備案表(中國高等教育學生信息網下載)或高等教育學歷認證報告(省級及以上教育主管部門出具)、各層次專業技術職務資格證書、教師資格證書等材料原件掃描件;留學回國人員還需提供由教育部留學服務中心提供的《國外學歷學位認證書》原件掃描件。
(4)本人獲得省特級教師、設區市學科帶頭人、區(縣)級及以上學科帶頭人、區(縣)級及以上優秀青年教師或相當層次骨干教師榮譽證書;在設區市及以上教育(教研)主管部門組織的教學競賽中獲二等獎及以上獎項的證書及有關證明文件等材料原件掃描件。
(5)能代表本人的教科研最高成果的原件掃描件(限5篇)。其中發表的論文材料包括雜志封面、有期刊號的頁面、封底、本人發表的論文,原則上需提供該論文的期刊查詢及論文檢索情況,通過國家新聞出版總署網站進行期刊信息查詢并打印查詢頁面,通過“萬方數據資源系統”“清華同方”“中國知網”“維普中文科技期刊數據庫”等主流數據庫進行本人論文信息的檢索并打印檢索頁面;獲獎論文須為教育(教研)主管部門組織的區(縣)級及以上二等獎論文。
本人講座、公開課須為區(縣)級及以上級別;課題須為區(縣)級及以上,提交材料包括立項及結題證書,研究成果等。
(6)其他區(縣)級及以上獲獎證書等材料原件掃描件。
4、有關要求:
(1)只能選擇一個單位的一個崗位報名。
(2)所學專業須符合所報學科要求。
(3)現任教學段、學科與應聘學段、學科一致。
(4)骨干教師學科類別及競賽學科須和現任教學科一致。
(5)所有報名材料需準確命名,并壓縮成一個文件包上傳至指定郵箱。
(6)應聘者必須完整、如實填寫報名表。對提交材料的真實性負責。
(二)調整或核減計劃
本次招聘不設開考比例,不收取報名費和考試費。如出現部分崗位無人報名,根據學校緊缺專業情況,結合實際用人需求,經事業單位人事綜合管理部門同意后,在本次招聘的總計劃內調整并公布,或按照有關規定核減公開招聘計劃。如有招聘計劃調整,將另行公告并延長相應崗位報名時間。招聘計劃調整和核減情況,將在南京市人力資源和社會保障局網、南京江北新區教育信息網發布。
(三)資格審查
江北新區教育和社會保障局對報名人員網上提交的材料進行初審,初審通過人員接電話通知后,須按規定時間將報名材料原件及復印件送至南京市江北新區教育招生考試中心復審(地址:江北新區大廠街道旭東路629號)。復審后退還原件,留存復印件。資格復審結果將以電話、短信或電子郵件等方式通知報名人員。資格復審通過人員參加招聘考試。
(四)考試方式和實施辦法
編號101、102崗位的招聘考試采取教學實績成果評分和面試相結合的方式。
編號201、202、203、204崗位的招聘考試采取筆試和面試相結合的方式。
1、教學實績成果評分。報考編號101、102崗位的考生參加教學實績成果評分。教學實績成果評分由江北新區教育和社會保障局組織專家對資格審查合格人員教學實績成果(含骨干教師稱號、綜合表彰、論文、學科競賽等)進行評分。教學實績成果總分為100分,合格線為60分,合格者進入面試環節。如合格人數超過招聘崗位數的3倍,按教學實績成果評分成績從高分到低分順序,按崗位招聘數1:3比例,確定面試人選。教學實績成果評分成績和進入面試人員名單,考生可于教學實績成果評分結束3個工作日后在南京江北新區教育信息網查詢。
2、筆試。報考編號201、202、203、204崗位的考生須參加筆試。筆試主要考察公共知識和學科專業知識,成績為百分制,合格線為60分。如筆試合格人數超過招聘崗位數的3倍,按筆試成績從高分到低分順序,按崗位招聘數1:3比例,確定面試人選。筆試成績和進入面試人員名單,考生可于筆試結束3個工作日后在南京江北新區教育信息網查詢。
教育教學成果評分時間和筆試時間另行通知,請考生保持通訊暢通,及時關注江北新區教育信息網和本人報名郵箱。
3、面試。面試主要考核應聘者的教育理念及課堂教學能力,面試總分為100分,合格線為80分,低于合格線者不予聘用,面試成績當場告知應聘人員。面試形式為課堂教學和綜合答辯(課堂教學占90%,綜合答辯占10%)。
4、成績計算。按教學實績成果評分成績或筆試成績占30%,面試成績占70%,計算總成績。
(五)體檢、考察
1、體檢:面試結束后,在面試合格人員中,按總成績從高分到低分的順序,以崗位招聘數1:1的比例確定進入體檢人員。如總成績相同,按面試成績從高到低的順序確定參加體檢人員,如面試成績仍相同,招聘單位可對成績相同的人員組織加試。體檢標準參照《國家公務員錄用體檢通用標準(試行)》執行。
2、考察:體檢合格人員,由招聘單位對其思想政治表現、道德品質,以及與應聘崗位相關的業務能力和工作實績等進行考察。?
(六)公示、聘用
江北新區教育和社會保障局根據體檢和考察結果,研究確定擬聘用人員名單。擬聘用人員名單在南京市人力資源和社會保障局網、南京江北新區教育信息網公示7個工作日。公示內容包括招聘單位、崗位名稱、擬聘用人員姓名、學歷、專業、現工作單位、招聘考試的各項成績、總成績、排名等。
對公示無異議人員,經事業單位人事綜合管理部門備案后,由招聘單位為其辦理有關聘用手續,并約定試用期。試用期滿考核合格,予以定崗定級。試用期考核不合格者,取消聘用資格,解除聘用合同。擬聘用人員應在招聘單位規定時間內辦理報到和有關手續,因個人原因逾期未辦理相關手續的,取消其聘用資格。
因體檢或考察不符合要求、擬聘人選公示結果影響聘用、擬聘人選明確放棄聘用以及其他原因導致擬聘崗位空缺的,如需遞補,可由招聘單位主管部門報事業單位人事綜合管理部門審核通過后,在該崗位的面試合格人員中,按總成績從高分到低分依次遞補,聘用備案后不再遞補。
(七)防疫要求
應聘人員參加資格審查、考試、體檢、考察等工作,需按照招聘單位通知,執行我市最新疫情防控有關要求。
(八)相關待遇
聘用人員享受國家規定的工資、福利、待遇,具有高級教師及以上職稱,并具有省特級教師、設區市學科帶頭人或相當層次骨干教師稱號的,還可一次性享受30—70萬元的科研和安置費用,或享受《南京市江北新區直管區人才安居辦法(試行)》的相關政策。非南京市評選的骨干教師(江蘇省特級教師除外)入職后需按相關要求轉評,轉評后享受江北新區骨干教師專項獎勵政策。不承諾解決聘用人員配偶工作等問題。
招聘紀律
應聘人員在報名、考試、體檢、考察過程中或聘用后查實存在違紀違規行為的,按照《事業單位公開招聘違紀違規行為處理規定》(中華人民共和國人力資源和社會保障部第35號令),視具體情形和情節輕重,分別給予取消報考資格、取消考試成績、不予聘用、記入誠信檔案庫等處理,構成犯罪的依法追究刑事責任。
招聘單位和招聘工作人員有違紀違規行為的,按照《事業單位公開招聘違紀違規行為處理規定》(中華人民共和國人力資源和社會保障部第35號令)進行處理。招聘單位負責人員和公開招聘工作人員與應聘人員有夫妻關系、直系血親關系、三代以內旁系血親關系、近姻親及其他須回避的親屬關系的,或者有其他情形可能影響公開招聘公正性的,應當實行回避。
五、本公告由南京市江北新區管理委員會教育和社會保障局負責解釋。
六、招聘咨詢與監督
招聘咨詢:南京市江北新區管理委員會教育和社會保障局:025-58155705、025-68553451
招聘監督:中共南京市委江北新區工作委員會黨群工作部:025-88029228
讓你的網頁排名好的話,那么對搜索引擎優化必須了解一點基本常識的。但現大多數人都不甚了解。這也不難理解,畢竟大多數網站成功前,都有一堆需要解決的SEO優化問題。但重點是,到底哪些SEO優化問題是你真正需要好好關注的呢?
1. 重復的內容
根據SEMrush研究表明,50%參與調查的網站,都面臨著內容重復的問題。
Google對重復內容的定義是: 重復內容一般是指在不同域名間存在大量的相同或相似的內容。
2. ALT標簽缺失以及圖片失效
根據SEMrush 研究表明:45%參與調查的網站,存在站內圖片缺失ALT標簽現象;以及另外10%的網站內的圖片失效。
圖片是內容營銷很重要的一部分,但是他們也帶來了主要的SEO問題。根據我們研究表明,45%的網站存在圖片缺失ALT標簽,另外10%存在站內圖片失效現象。這些都是有問題的。
讓我們先來說下ALT標簽,它對圖片搜索來說是很重要的。盡管現在搜索引擎以及變得非常聰明了,但是ALT標簽可以幫助搜索引擎更好地了解圖片內容。
換句話說,ALT標簽可以為圖片提供文字性描述,這樣可以有助于搜索引擎對他們進行歸類。這也是為什么你圖像的 ALT 標簽應包含您 SEO 關鍵字短語的原因之一.
ALT標簽對于那些有視覺損傷的人,在使用屏幕閱讀器的時候也是很有用的,因為閱讀器會調用ALT標簽里包含的信息,來描述圖片內容給用戶。而搜索引擎是非常重視用戶體驗的,圖片沒有ALT標簽的話,會是搜索引擎認為網站沒有給用戶提供價值一個信號。而且還會帶來比較高的網站跳出率,最后的結果就是在搜索引擎的表現很差。
圖片失效能夠引起像鏈接失效一樣的問題,因為失效的鏈接對于用戶和搜索引擎來說,就像是走進了死胡同,這會造成非常差的用戶體驗,從而會引起搜索引擎對你的網站進行降級處理。
3. Title標簽問題
SEMrush研究發現,與 Title標簽有關的問題,不僅僅是非常普遍,而且還多種多樣。
搜索引擎根據頁面的Title標簽來判斷你的網頁到底是什么內容。Title標簽出現在搜索列表最上面,意味著它也可以幫助用戶判斷是否點擊你的鏈接。Title標簽也是頁面最重要的SEO優化要素之一,正確的優化Title標簽可以為你的排名帶來積極的影響。
根據SEMrush研究,我們看到了以下4個與Title標簽有關的問題:
● 35%的網站存在 Title 標簽重復問題。
● 15%的網站有 Title 標簽過長的現象。
● 8%的網站缺失Title 標簽。
● 4%的網站 Title 標簽太短。
正如以前我們所說, Google總是想要向用戶提供獨特的內容 。但是Title標簽的缺失或者重復,既不能給用戶或者搜索引擎提供頁面信息,也不能給頁面傳遞價值。
Title標簽的長度重要性在于,它可以影響你的Title在搜索結果中的可見數量。
根據最新消息,基于不同的使用設備,Google可能會展示70-71個字符。因此,控制關鍵信息(包含您選擇的關鍵詞短語)在此范圍內,不失為一個好主意。
4. 元描述標簽
根據SEMrush研究發現,30%的網站存在頁面 元描述標簽內容重復,還有25%網站頁面根本就沒有Meta descriptions。
元描述標簽展現在搜索結果中,可以幫助用戶判斷是否訪問你的網站。盡管元描述標簽不直接影響頁面排名,但是它對頁面的CTR點擊率還是有關的,所以說也是非常重要的。我們研究發現,30%的網站存在頁面元描述標簽內容重復,還有25%網站頁面根本就沒有元描述標簽。
SEO網站監測工具,雖然可以幫助你鑒別這些問題,但如有必要的話,最好還是自己去網站后臺手動修復一下這個問題。如果你使用的是wordoress的話,合適SEO插件可以幫助你設定規則,確保所有你的網頁內容都有元描述標簽。
5. 失效的內鏈和外鏈
據SEMrush研究發現,35%的網站存在內鏈失效(70%這些內鏈都返回一個4XX的錯誤代碼),25%的網站存在外鏈失效現象。
鏈接失效是站內SEO優化的一個大問題。隨著你網站內容和資源的更新,一兩個無效鏈接可能不算什么問題。如果你的網站404頁面設置得當的話,他們就不是問題,但問題是,如果你的網站內有上百個無效鏈接呢?
這讓失效鏈接成為一個潛在的威脅。這種問題有可能是多種原因造成的,但是,首先當一個用戶先看到的是一個404錯誤頁面,而不是他們需要的有效信息頁面的話,這會引起流量下降。并且,用戶會認為你的網站是低質量的。
其次,失效鏈接造成頁面抓取的浪費。
每一次搜索引擎蜘蛛訪問你網站時,它們會抓取一定量的頁面,但不是整站頁面。如果你有很多無效鏈接的話,你就冒著分散蜘蛛對你網站頁面注意力的風險,最后,有可能造成你的頁面不會被搜索引擎索引和收錄。
我們研究發現,35%我們抓取的網站有內鏈失效然后返回網站HTTP錯誤代碼(70%這些內鏈都返回一個4XX-page not found 或者類似代碼)還有20%的網站有外鏈失效情況。長期運行下去,這個問題會造成,網站出現在搜索結果里的頁面數量減少,并且也會影響頁面權重,因此,這個問題也是你需要好好修復的。
6. 可讀文本在HTML代碼占比低
據SEMrush研究發現,28%的網站在一定頁面上存在內容文本占比HTML代碼,比例低的問題。
我們看到了28%的網站存在“可讀文本在HTML代碼占比低”的警告。這意味著這些網站有“頁面后端的html代碼多于頁面可讀文本”的情況。我們建議最低占比應該不低于20%。通常情況下,這種警告,是SEO優化你需要解決的問題。例如,以下的幾種情形就屬于這種問題:
● 代碼差的網站(無效的代碼,以及過多的Javascript, Flash和內嵌樣式)
● 隱蔽的文本(垃圾郵件經常干的事,它會讓搜索引擎會給你亮紅燈)
● 網站速度慢 –頁面代碼和腳本包含的越多,加載的就越慢,而頁面的加載速度也是一項重要的SEO優化因素
解決此問題,通過檢查出現此警告的任何頁面以及:
● 刪除不必要的代碼,減少頁面大小,增加速度。
● 將內嵌腳本和樣式分成不同的文件。
● 在有必要的地方,添加相關頁面的文本內容。
7. H1標簽問題
據SEMrush研究發現,20%的網站在一些頁面上存在多個H1標簽的情況,15%的網站在頁面Title和H1標簽上有重復內容出現。
根據以往情況來看,H標簽已經成為SEO優化的重要部分,它表明著頁面最重要的內容信息。不管在任何一個頁面上,都應該有且只有1個H1標簽。盡管HTML5的應用改變了H標簽的用法(現在頁面可以有不止1個H1標簽),但是H標簽仍舊對搜索引擎和用戶創建有用的層次結構。
我們的研究表明,20%的網站有多個H1標簽,20%網站缺失H1標簽,還有15%網站的Title和H1標簽存在重復信息。
因此,知道Title標簽和H標簽的區別是很重要的。Title標簽包含的內容出現在搜索結果中,H標簽就是用戶在網頁可以看到的內容。
正如我們上面所提到的,你可以有多個 H1 標簽在網頁上,但這種情況,只有當你正確使用 HTML5 來標記區分同等重要的部分的時候才行。
8. 字數統計少
據SEMrush研究發現,18%的網站存在一些頁面字數內容少。
18%我們抓取的網站,都存在著一些頁面字數內容少的情況。頁面字數是一個復雜的SEO度量標準,因為,一方面單個頁面內容沒有最少字數要求。另一方面,大家都知道Google更傾向于把內容更有深度,篇幅更長的頁面排在前面。
在要點6中,我們提到過添加頁面相關文本內容的重要性。你應該盡自己最大努力讓你的內容更有深度,讓它對用戶更有價值。想想看:當你看到一個信息圖的時候,難道你不感激它的創作者花額外時間只為提供更多的內容嗎?我們感激,你的用戶肯定也一樣。
9. 站內鏈接太多
據SEMrush研究發現,15%的網站存在一些頁面站內鏈接太多的情況
鏈接建設正確操作比較難。這就是為什么會出現15%參與調查的網站,會出現一些頁面站內鏈接太多。早前Google就表示過,不再要求網需頁保持一定數量的鏈接,好的SEO策略應該是包含 內容相關 的和 高質量 的自然鏈接。
鏈接如果太多的話,會導致頁面權重被稀釋,流量也會損失很多。但是如果這些鏈接都是內容相關和有用的話,那么你的站點仍舊會排名很好。
為了解決站內鏈接問題,執行一次鏈接審核并確保所有頁面的鏈接都能真正增加價值。否則的話,避免這些不能助你提升SEO優化以和更好用戶體驗的鏈接,這樣做對你的SEO優化也是很好的。
10. 錯誤的網頁語言聲明
據SEMrush調查發現,12%的網站存在一定數量的網頁缺失語言聲明的現象。
在互聯網上,我們的用戶是全球的。這也是為什么在頁面文本默認語言中包含語種聲明是很重要的。據我們調查發現,12%的網站在這件事上都做錯了。對于以下情況,網頁語言的聲明是一個重要的工具:
● 告知瀏覽器網頁內容是什么語言(有助于翻譯和頁面展示)。
● 確保那些使用“文本轉換語言”的使用者(盲人),能夠聽到你的內容用當地的語言進行正確展示。
● 有助于 International SEO 進行地理定位。
使用W3C國際語言代碼列表確認一下你的網頁語種聲明是否正確。Goolge會根據你網頁內的語言聲明來確保合適的人看到適合的內容。雖然這不能直接影響你的搜索結果,但是請記住,它會助你提升網頁的相關度評分-而這也是SEO優化重要的一部分。
11. 臨時重定向
據SEMrush調查發現,10%的網站有臨時重定向問題存在。
當一個網頁移除了,重定向就是一個很好的通知搜索引擎的方式,這樣你也不會損失頁面權重值。然而,對SEO來說,301重定向(永久性)和302重定向(暫時性)是有很大不同的。根據我們研究表明,10%的網站包含臨時重定向問題。
302重定向可以讓搜索引擎繼續抓取舊頁面,而忽略你想要重定向過去的新頁面。這也就是為什么如果你的改變是永久性的話,最好去做一個301永久重定向。據Moz來說,這也是一個最佳策略。
當然,最后Google可能會意識到這個302重定向是永久性的,然后就把它變成301轉向了。但是為了避免無效SEO優化和損失流量,最好是由你來掌控這個過程。
總的來說
這11個常見的問題對我們網站SEO的有害的。我們研究表明,很多網站都存在著嚴重的站內SEO優化問題。是的,并不是每一個問題都對你的排名影響是等同的。差的SEO并不總是直接違反搜索引擎規則,它有時候僅表現為沒有好好照顧你的網站和用戶。
是的,臨時重定向可能不會像其它幾個站內問題來影響你的排名;是的,也沒有說內容重復或者Title標簽有問題會受到懲罰。但是,你一定要認識到這些問題所在,因為他們會影響你網站的流量和在用戶心中的可靠性,最終結果導致利潤丟失。如果你不認真對待這些問題的話,它們非常有可能越積越多,最終變成一個大雪球樣的問題,摧毀你網站在搜索結果中的排名。
大家現在充分意識到你網站存在的問題了嗎?凡事預則立不預則廢!希望大家能從今天的數據分析中,掌握這些站內SEO優化要點,早日都排在搜索結果首頁!
天來看看2021年,CSS在不同方面的使用趨勢~
測試依據:
本文所有指標均來自 HTTP Archive 數據集。HTTP Archive 是一個社區運行的項目,自 2010 年以來一直在跟蹤網絡的構建方式。在幕后使用 WebPageTest 和 Lighthouse,每月測試大約 820 萬個網站的元數據,并將其包含在公共 BigQuery 數據庫中進行分析。 ?
測試網站:820萬個;
數據處理:39.5TB。
下面是每個樣式表文件的大小分布:
CSS文件每年的大小都在不斷增長,中等頁面的CSS文件大約70KB,較大頁面的CSS文件大約250KB。與2020年相比,CSS文件大小的中位數增加了7.9%,同時,移動端CSS所有的百分比都略低于Web端CSS。 ?
在所有測試到的CSS文件中,最大的Web頁面CSS文件大小為 64,628 KB,最大的移動頁面CSS文件大小為17,823 KB。
頁面的CSS大小并為受到預處理器的顯著影響。17%的Web頁面和16.5%的移動頁面包含預處理器,略高于去年的15%。具體使用的樣式如下:
下面是每個頁面使用的外部樣式表的數量分布:
今年每個頁面的樣式表分布相對于去年有所增加,第50-90百分位的都增加了一個,第10-15百分位的都沒有變化。 ?
今年,外部樣式表數量最多的記錄是2368,比2020年的1379,增加了大約一倍。
下面是每個頁面的樣式規則數量分布:
與去年相比,較高百分位的數量幾乎沒有變化,較低百分位的數量略有上升。在多數百分位的數量分布中,Web頁面相對于移動頁面的樣式規則更多一點。
最常用的class名稱如下:
最常用的id名稱如下:
最常用的屬性選擇器如下:
最常用的屬性選擇器是type,它可以用于選擇表單控件,如復選框、單選按鈕、文本輸入等。
最常用的偽類如下:
和 2020 年一樣,用戶操作偽類:hover、:focus和:active占據了前三名,它們都出現在至少三分之二的頁面中。
最常用的偽元素如下:
每個頁面使用!important的比例如下:
調查發現,移動頁面中最多有17,990 條!important規則,Web頁面中最多有17,648 條!important規則。
使用!important規則的樣式屬性分布如下:
最受歡迎的長度單位:
像素單位仍然是迄今為止最常用的長度單位,出現在了大約71%的頁面中。 ?
下面是每個屬性的長度類型分布:
?
下面是最常用的字體相對長度單位分布:
0長度的使用單位分布如下:
接近88%的值都直接省略了單位,剩下的有單位的幾乎都是px。
下面是使用calc()函數的最常用的屬性:
去過去幾年一樣,最常用的用法calc()是用來設置width的。 ?
下面是calc()函數中最常用的長度單位:
?
calc()函數中單位數量的分布如下:
calc()值是相對簡單的,絕大多數使用兩種不同單位進行計算,例如從百分比值的計算結果中減去像素。總共 99% 的calc()表達式使用了一種或兩種單位類型。
下面是最常用的全局關鍵字以及其分布:
最常用的顏色格式如下:
很長一段時間內,#RRGGBB格式一直是使用最多的顏色格式,超過了一半的顏色聲明會使用這種格式。顏色值的 75% 都是使用十六進制和 RGB 語法表示的。 ?
最常用的顏色關鍵字值:
下面是CSS中圖像格式比例分布:
下面是CSS樣式文件在中加載的圖像數量分布:
大多數的CSS不會加載大量的圖片。在調查中,站點圖片最多的CSS,其Web頁面CSS中加載了6088張圖片,移動頁面CSS中加載了6089張圖片。
下面是通過CSS加載的外部圖片的大小分布:
總體來說,移動頁面會比Web頁面CSS加載的外部圖片略小。在調查中,有一個頁面CSS加載的圖片總大小達到314,386.1 KB。 ?
下面是按照圖片格式在移動頁面上通過CSS加載的外部圖像大小分布:
有趣的是,在第 90 個百分位數時,GIF 圖像平均比 SVG 文件還要小。
下面是常見的使用漸變的屬性:
下面是最常用的漸變值:
下面是最長使用的布局類型:
需要注意,這里并不是頁面主要布局的方式,而是說position: absolute出現在我們分析的頁面的 93% 的樣式中。同樣,display: grid 出現在 36% 的頁面樣式中,但這并不意味著所有頁面的 37% 是 Grid 布局,只是該組合出現在樣式表的某些地方。
下面是在移動設備上采用Flexbox和Grid布局的比例分布:
使用Flexbox和Grid布局一直在持續增長。2019 年,Flexbox 布局的采用率為 41%;2020 年為 63%。今年,Flexbox 在移動端和桌面端分別達到 71% 和 73%。同時,Grid 布局的采用率每年都在會翻倍,從 2% 到 4%,現在是 8%。
使用多列布局的頁面的百分比:20%。
每個頁面中使用box-sizing: border-box的數量分布:
動畫仍然是被廣泛使用的,animation屬性在 77% 的移動頁面和 73% 的桌面頁面上使用。transition屬性在 85% 的移動頁面和 90% 的桌面頁面上使用。 ?
最常使用過渡的屬性:
過渡持續時間的分布:
即使在第 90 個百分位,過渡持續時間的中位數也僅為半秒。 ?
延遲過渡的分布:
可以看到,最高的過渡延遲中位數是 1.7 秒,第 10 個百分位數的中位數延遲大約不到負三分之一秒,這表明大量過渡是在生成的動畫中途開始的。 ?
過渡計時功能的分布:
最常用的動畫類型:
最常用的用作媒體查詢的功能如下:
max-width和min-width是迄今為止最受歡迎的查詢功能。
最常用的媒體查詢斷點值:
迄今為止最常見的斷點是 767 和 768 px,這與 iPad 在縱向模式下的分辨率非常吻合。767px 被大量用作最大寬度斷點,而很少用作最小寬度值。786px經常被用作最小和最大斷點。
通過媒體查詢最常更改的屬性:
最常設置的屬性是display,緊隨其后的是color, width, 和height。
特征查詢 ( @supports) 的使用繼續保持增長。2019 年,有 30% 的頁面在使用,2020年為 39%。2021 年,將近 48% 的頁面使用特征查詢來決定在什么上下文中應用哪種 CSS。 ?
最常使用的特征查詢的依據分布如下:
粘性定位是最受歡迎的查詢依據,占所有特征查詢的一半以上。
2019-2021 年自定義屬性使用的變化如下:
今年,28.6% 的移動頁面和 28.3% 的桌面頁面定義了自定義屬性(也就是CSS變量)。并且,35.2% 的移動頁面和 35.6% 的桌面頁面包含至少一個var()值。
對于自定義屬性的命名,最常使用的自定義屬性名稱如下:
使用最多的自定義屬性是--wp開頭的,這些都是WordPress網站中的屬性。
最常用自定義屬性的屬性如下:
自定義屬性值類型的分布如下:
自定義屬性是可以包含其他自定義屬性的:
:root {
--base-hue: 335; /* depth=0 */
--base-color: hsl(var(--base-hue) 90% 50%); /* depth=1 */
--background: linear-gradient(var(--base-color), black); /* depth=2 */
}
復制代碼
自定義屬性深度的分布如下:
絕大多數自定義屬性的值深度為零:它們沒有在自己的值中包含其他自定義屬性的值。近三分之一有一個深度級別,除此之外,幾乎沒有深度為兩個或更多的自定義屬性值。 ?
除此之外,使用自定義屬性值的選擇器, 60% 設置在根元素上(使用:root或html選擇器),大約 5% 設置在<body>元素上。其余的應用于根元素的某些后代而不是<body>. 這意味著大約三分之二的自定義屬性被用作實際上是全局常量。
對于不同語言,其可能存在不用的書寫形式,比如:
對于這些復雜的情況,HTML 和 CSS 都提供了對應的處理方法。
可以使用 CSS 的direction屬性來強制執行文本的方向。該屬性在 11% 的元素上被使用,在 3% 的頁面上的元素上被使用。在使用 CSS 設置方向的頁面中,92% 的<html>元素和 82% 的<body>元素被設置為ltr(從左到右),只有 9%頁面中將該屬性設置為rtl(從右到左)。
另一個對國際化有用的 CSS 特性就是“邏輯”屬性。比如margin-block-start、padding-inline-end等,以及text-align屬性的屬性值start和end等。這些屬性和值都和文本流的方向相關。 ?
下面是邏輯屬性的屬性類型分布:
統計發現,只有 4% 的頁面使用了邏輯屬性。在這些頁面中,大約 33% 的頁面使用它來設置text-align為start或end。另外 46% 設置了邏輯邊距和填充。
下面是使用的CSS-in-JS 庫的分布情況:
統計發現,大約 3% 的頁面使用了 CSS-in-JS。其中Styled Component就占了一半多。
有些樣式表中混合了簡寫屬性background和普通屬性background-size,在相應的簡寫屬性之后出現的普通屬性最常見的如下:
可以看到,background相關的普通屬性是使用最多的,下面是最常用的background屬性:
下面是最常用的padding和margin屬性:
下面是最常用的字體屬性:
下面是最常用的 Flexbox 相關屬性:
下面是最常用的 Grid 相關屬性:
下面來看CSS中常見的一些錯誤。
“聲明重復”的數量——通過確定有多少聲明使用相同的屬性和值,以及有多少聲明在頁面的內部是唯一的,從而粗略估計樣式表的效率。 ?
下面是每個頁面重復聲明的分布:
最常見的不存在的屬性如下:
Sass是最流行的CSS預處理器之一,最常用的 Sass 函數調用如下:
可以發現, Sass 函數中有 28% 是修改顏色的函數(例如darken、mix),另外 6% 用于讀取顏色(例如alpha、blue)。
下面是 Sass 中最常用的流控制結構:
下面是 Sass 中最常用的規則嵌套:
Sass 的一個主要優點就是能夠將規則嵌套在其他規則中,從而避免編寫重復的選擇器模式。統計發現,87% 的 Sass 樣式表使用了規則嵌套。 ?
這就是2021年CSS的使用趨勢,期待 CSS 在未來的發展~
*請認真填寫需求信息,我們會在24小時內與您取得聯系。