整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
鏈接在現(xiàn)代網(wǎng)頁設(shè)計(jì)中發(fā)揮著不可或缺的作用。HTML中，href屬性在anchor標(biāo)簽中扮演著關(guān)鍵角色，使得用戶可以輕松地跳轉(zhuǎn)到其他頁面或特定部分。在本文中，我們將探討href屬性的基本使用方法以及一些高級技巧，幫助您提升網(wǎng)站用戶體驗(yàn)。
HTML中，anchor標(biāo)簽用于創(chuàng)建超鏈接，其基本結(jié)構(gòu)如下：
<a href="鏈接地址">鏈接文本</a>
其中，href屬性指定了跳轉(zhuǎn)的目標(biāo)地址，而鏈接文本則是用戶在頁面上看到的可點(diǎn)擊的文本。
絕對路徑和相對路徑是href屬性中常見的兩種取值類型。
外部鏈接指向不同域名的頁面，而內(nèi)部鏈接則是指向同一域名內(nèi)的頁面或部分。在創(chuàng)建鏈接時(shí)，確保使用正確的協(xié)議（如http://或https://）以避免鏈接無法正常跳轉(zhuǎn)。
通過使用target屬性，您可以控制超鏈接的打開方式。常見的取值有：
rel屬性用于在超鏈接中添加關(guān)聯(lián)信息，如：
為了提升網(wǎng)站的訪問性和 SEO 排名，請確保鏈接文本清晰、描述性，避免使用過于短的單詞（如 "點(diǎn)擊這里"）。此外，使用有意義的 URL 以便搜索引擎更好地理解您的網(wǎng)頁內(nèi)容。
通過CSS，您可以對超鏈接進(jìn)行樣式定義，使其與網(wǎng)站設(shè)計(jì)相一致。例如，更改鏈接的顏色、字體、下劃線等。
掌握href屬性的使用方法和技巧，您可以創(chuàng)建更加易于導(dǎo)航且訪問性較好的網(wǎng)站。在提升用戶體驗(yàn)的同時(shí)，還能夠?yàn)樗阉饕嫣峁└嚓P(guān)于網(wǎng)頁內(nèi)容的信息，從而提高網(wǎng)站的 SEO 排名。
者今天（9月6日）從江蘇省教育廳獲悉，為幫助全省高校做好新冠肺炎疫情防控工作，普及疫情防控知識，服務(wù)保障高校2021年秋季學(xué)期順利開學(xué)，江蘇省教育廳委托江蘇省高校在線開放課程中心，緊扣疫情防控新形勢，緊貼疫情防控新要求，全新制作一批“2021年江蘇高校疫情防控培訓(xùn)專題微課”；依托“愛課程”網(wǎng)全面更新升級“江蘇高校疫情防控培訓(xùn)網(wǎng)”，提質(zhì)擴(kuò)容“疫情防控知識資源庫”，面向全省高校師生開展2021秋季學(xué)期疫情防控線上培訓(xùn)。
線上培訓(xùn)分為三個(gè)板塊，分別為專題培訓(xùn)微課、疫情防控知識資源庫、疫情防控知識問答。第一板塊建有11門全新的疫情防控微課；第二板塊共有45門精品微課和26門精品慕課；第三板塊設(shè)有四項(xiàng)知識問答。
三大板塊各成體系，各具特色，為全省高校開展疫情防控工作和師生員工實(shí)施個(gè)人防護(hù)提供有效指導(dǎo)。
高校要將培訓(xùn)工作納入秋季學(xué)期開學(xué)返校疫情防控方案，加強(qiáng)全體師生員工疫情防控培訓(xùn)，充分運(yùn)用“江蘇高校疫情防控專題培訓(xùn)網(wǎng)”（http://wmooc.icourses.cn/js2021.html），切實(shí)提高學(xué)校疫情防控專業(yè)化水平和師生自我防護(hù)能力，確保秋季學(xué)期校園安全和師生生命健康。
（來源：江蘇廣電融媒體新聞中心/沈一秀 王堯 編輯/高若婷）
文來自為圖靈社區(qū)與CSS魔法的訪談CSS魔法， 原名張鵬，國內(nèi)知名CSS技術(shù)專家，《CSS 揭秘》譯者，QCon 講師，CSS Conf 講師，前百姓網(wǎng)前端架構(gòu)師。
CSS魔法：對一個(gè)專業(yè)的 CSS 開發(fā)者來說，首先，CSS2 的核心知識必須完全掌握。以《CSS權(quán)威指南》（第三版）為例，除了 “聲音樣式” 之外，這本書的所有內(nèi)容都是應(yīng)該透徹理解的。即使記不住某些冷僻屬性的名稱與行為，也需要知道在哪里可以快速查閱。
接下來，關(guān)于 CSS3，很多同學(xué)都問過我這樣一個(gè)問題：“魔法哥，現(xiàn)在瀏覽器都支持 CSS3 了，我跳過 CSS2 直接學(xué) CSS3 可以嗎？”
在回答這個(gè)問題之前，我們需要先搞清楚 “CSS3” 到底是什么。讀過《CSS揭秘》這本書的同學(xué)應(yīng)該都很清楚了，“CSS3” 是一個(gè)俗稱，并不是 W3C 的官方術(shù)語。基本上它是CSS2 之后更新或新增的 CSS 規(guī)范模塊的合稱。
實(shí)際上，CSS3 相對于 CSS2 并不是類似軟件版本更替那樣的升級。CSS2 的全稱是 “CSS Level 2”，后續(xù)的 CSS 規(guī)范并不是完全以替代品的形態(tài)出現(xiàn)的，某些 Level3 的 CSS 規(guī)范模塊（或新增的規(guī)范模塊）往往是基于 CSS2 來擴(kuò)展的。
因此，對于 CSS 學(xué)習(xí)者來說，如果買了一本只講 CSS3 新增內(nèi)容的教程或參考書，那還需要搭配 CSS2 的書來看。事實(shí)上，由于篇幅所限，市面上絕大部分以 “CSS3” 為賣點(diǎn)的圖書確實(shí)都不會重復(fù)講解 CSS2 的內(nèi)容。看到這里，相信上面的問題在大家心中已經(jīng)得出答案了吧。
魔法哥自己的學(xué)習(xí)路徑是這樣的：
如果新入門的同學(xué)面對龐雜的 CSS 體系感覺無從下手，不妨參考這條路徑。
CSS魔法：01.首先，推薦大家使用 CSS 預(yù)處理器。由于 CSS 并不是編程語言，并不具備抽象能力，當(dāng)網(wǎng)站的規(guī)模發(fā)展到一定程度之后，原生 CSS 很難解決抽象與復(fù)用的問題。而預(yù)處理器則正好彌補(bǔ)了 CSS 在這方面的不足。
即使你不打算學(xué)習(xí)預(yù)處理器的特有語法，甚至還有些排斥，那也不妨嘗試?yán)盟哪K機(jī)制來拆分和組織代碼。由于預(yù)處理器大多兼容 CSS 原生語法，因此你可以保持原來寫代碼的習(xí)慣，僅利用預(yù)處理器在模塊化方面的功能。
對于多人合作的團(tuán)隊(duì)來說，通過模塊來拆分代碼尤為重要。雖然引入預(yù)處理器會要求你在工作流中加入構(gòu)建環(huán)節(jié)，但我認(rèn)為這個(gè)成本是完全值得的。
02.做好 CSS 代碼的 “分層”。我設(shè)計(jì)的 CSS 架構(gòu)通常都會由“Normalize + Reset → 通用基礎(chǔ)樣式 → UI 組件 → 頁面通用的布局框架 → 單個(gè)頁面的布局和樣式”這幾個(gè)層級構(gòu)成，越往左越靠近架構(gòu)，越往右越靠近業(yè)務(wù)。
劃好層級并把代碼寫到正確的層級去，可以帶來很多好處：在團(tuán)隊(duì)分工上，可以把不同層級的代碼交給不同的人來開發(fā)和維護(hù)，相當(dāng)于關(guān)注點(diǎn)分離；從架構(gòu)角度來看，也可以實(shí)現(xiàn) “控制復(fù)雜度” 這一重要目的。
03.善用工具。比如通過 Lint 程序來保障代碼規(guī)范的執(zhí)行，通過構(gòu)建工具來讓重復(fù)勞動盡可能自動化，通過 Autoprefixer 這樣的工具來加工或生成代碼，等等。俗話說，磨刀不誤砍柴工，多看多聽多試，用開放的心態(tài)去了解和嘗試新工具，往往會有不錯的收獲。
如果想問 “有哪些實(shí)用的 CSS 特性”，那我覺得至少要提一下 Flexbox。它是 CSS3 引入的更強(qiáng)大、更易用的布局方式，而且我們在移動端已經(jīng)可以安全地使用 Flexbox 的基礎(chǔ)特性了。其它的特性，比如高級選擇符、漸變、動畫等高級特性，也非常有價(jià)值，我在編寫 UI 框架時(shí)都有實(shí)際應(yīng)用。
此外，大家可能還想了解在編寫 CSS 時(shí)需要掌握的原則和思路。這里我會推薦《CSS揭秘》這本書中的“CSS 編碼技巧”一節(jié)。我一直想寫篇文章來講述自己多年積累的 CSS 經(jīng)驗(yàn)，但一直苦于找不到合適的切入點(diǎn)，總怕掛一漏萬。而當(dāng)我讀到這一節(jié)時(shí)終于釋然——原來已經(jīng)有人幫我做了這件事情！隨后我也將它親手翻譯了出來，也算了卻了一樁心事。
CSS魔法：確實(shí)，近些年前端領(lǐng)域的新技術(shù)、新工具、以及新的實(shí)踐方式都層出不窮，稍不留神就會有落伍的感覺。而每個(gè)人精力都是有限的，面對這樣的局面，難免會有一種疲于奔命的壓迫感。
我自己的應(yīng)對方式是抓住核心，放棄自己很難精通的、一時(shí)用不到的、或者對當(dāng)下想做的事情價(jià)值不大的技術(shù)方向。比如一路以來，我放棄了富媒體方向的 Flash，放棄了圖形與游戲方向的 Canvas 和 WebGL，放棄了單頁應(yīng)用方向的 MV*，放棄了語言方向的 FP ，等等。
當(dāng)然這些 “放棄” 都是戰(zhàn)略性的，而不是永久性的。畢竟精力有限，不可能面面俱到。不過，一旦某個(gè)方向變成自己必須攻克的戰(zhàn)略要地，那我也必然會義無反顧躍入新坑。
除了在技術(shù)范疇內(nèi)作取舍，我還會把一部分精力放在 “人” 身上——就是寫代碼的這群人。個(gè)人英雄的時(shí)代一去不復(fù)返了，單打獨(dú)斗能力再強(qiáng)，也難成氣候。因此，幫助身邊的小伙伴快速成長，打造一支梯隊(duì)完備、技能互補(bǔ)的前端開發(fā)團(tuán)隊(duì)，往往更具現(xiàn)實(shí)意義。有些時(shí)候，這也可以成為一種 “突破瓶頸” 的解決方案——每當(dāng)團(tuán)隊(duì)里的小伙伴攻克了某項(xiàng)新技術(shù)時(shí)，我都可以寬慰自己：我不會，沒關(guān)系，有小伙伴可以頂上！
CSS魔法：哇噢，這個(gè)問題完全是面試題的既視感啊！好的，我來好好回答一下，重溫被面試的感覺。
根據(jù) Web 標(biāo)準(zhǔn)的 “分離” 原則，網(wǎng)頁界面由三層構(gòu)成：結(jié)構(gòu)層、表現(xiàn)層、行為層。這三者在技術(shù)上分別由 HTML、CSS、JS （JavaScript）來實(shí)現(xiàn)。大家都知道有句話叫 “術(shù)業(yè)有專攻”，在網(wǎng)頁上也是一樣，不同的層應(yīng)該由不同的技術(shù)來實(shí)現(xiàn)。
在近些年，CSS 的能力得到了不少提升，比如：hover 偽類的增強(qiáng)以及 :checked、:target 等新偽類的出現(xiàn)，令原本只能由 JS 實(shí)現(xiàn)的交互功能也可以用 CSS 來實(shí)現(xiàn)了。這意味著，在某些場景下，這兩者的功能有重疊的地方。
不過從原理上來說，CSS 只具備修改渲染樹的能力，無法修改 DOM 結(jié)構(gòu)（“渲染樹” 是指 DOM 樹在應(yīng)用樣式之后產(chǎn)生的、用于渲染網(wǎng)頁界面的數(shù)據(jù)模型）。CSS 可以通過 display、visibility、opacity 等屬性來控制元素的顯隱，但無法把元素從 DOM 樹上刪除或移動，也無法創(chuàng)建新的 DOM 元素。這是 CSS 的能力邊界。
雖然這兩者的功能有一些重疊，但它們并不是互斥的。JS 和 CSS 是可以合作的，而且我們應(yīng)該擅用這種合作關(guān)系，發(fā)揮各自所長。舉例來說，CSS 的聲明式特性比較簡單易懂，在管理樣式方面更加易于書寫和維護(hù)。因此，在實(shí)現(xiàn)某些動態(tài)效果的時(shí)候，我們可以把不同狀態(tài)的樣式以類的形式寫在 CSS 中，然后讓 JS 通過切換元素的類來實(shí)現(xiàn)樣式的變化。
CSS魔法：簡單地說：不可能。
首先說一下 “UI” 這個(gè)概念。UI 并不是靜態(tài)的布局和樣式，不是設(shè)計(jì)師發(fā)給我們的 PSD 圖像。UI 是用戶界面，它的核心是交互，而交互需要由 JS 來實(shí)現(xiàn)。交互以及交互傳達(dá)出的用戶體驗(yàn)，才是眼下前端的核心價(jià)值。
接下來，我們回到實(shí)際的開發(fā)場景中來看待這個(gè)問題。如果是團(tuán)隊(duì)作戰(zhàn)，那么團(tuán)隊(duì)中的個(gè)體當(dāng)然可以有所側(cè)重和取舍。在整個(gè)技術(shù)棧中，自己放下的某個(gè)環(huán)節(jié)只要有小伙伴可以頂上，那就沒啥大問題。不過如果是打算通吃前后端的全棧工程師給自己做職業(yè)規(guī)劃，那么 JS 是繞不開的。
CSS魔法：這要看你給自己的定位是什么。我認(rèn)為技術(shù)工作者大致可以分為兩類。第一類人單純被技術(shù)本身所吸引——相信我們都有感觸，技術(shù)本身就有一種迷人的美！而第二類人把技術(shù)作為手段，他們學(xué)習(xí)技術(shù)的最終目的是通過技術(shù)來推動一些事。這兩種技術(shù)人都有各自合理的出發(fā)點(diǎn)，并沒有孰對孰錯之分。
那么，如果你是第一類人，那你對自己的規(guī)劃和定位必然是某個(gè)領(lǐng)域的技術(shù)專家。所有有價(jià)值的技術(shù)都應(yīng)該被你吃透，而且相信你自己也會有源源不斷的強(qiáng)烈興趣，去把這些技術(shù)掰開了、揉碎了研究到極致。
而如果你是第二類人，那么 “知其所以然” 就不是必須的了。尤其是在團(tuán)隊(duì)中，你可以把 “知其所以然” 的任務(wù)交給技術(shù)專家，把有限的精力投入到更適合自己的地方去。
CSS魔法：我這些年寫博客始終以初中級開發(fā)者作為主要受眾，創(chuàng)建的“CSS魔法” 微信公眾號也仍然關(guān)注前端初學(xué)者群體。因此可以聊的經(jīng)驗(yàn)有很多，最重要的應(yīng)該是——“系統(tǒng)學(xué)習(xí)、打好基礎(chǔ)”，因?yàn)檎嬲A(chǔ)的東西是不會過時(shí)的。
我也曾模仿別人網(wǎng)站的代碼，或是在網(wǎng)上收集別人發(fā)表的各種技巧，然后把找來的一句句代碼拼湊在一起。雖然這種方法通常也可以生效，但我完全不知其所以然，那些代碼片斷對我來說無異于外星人的咒語。由于無人指導(dǎo)，無法系統(tǒng)地學(xué)習(xí)知識，當(dāng)時(shí)的狀態(tài)就像是在黑暗的迷宮中摸索一樣。
當(dāng)時(shí)在書店里能找到的相關(guān)書籍也無非是一些迎合國人 “短平快” 心理的快餐書，什么“現(xiàn)學(xué)現(xiàn)用”“代碼速查 300 例” 之類。我是一個(gè)喜歡打破沙鍋問到底的人，這些沒頭沒尾的所謂技巧顯然無法滿足我的好奇心，失望而歸。
幾年之后，以圖靈為代表的科技圖書公司開始引進(jìn)國外的經(jīng)典教程和參考書。當(dāng)《精通CSS》《JavaScript 高級程序設(shè)計(jì)》這些著作捧到我手上時(shí)，你可以想像我當(dāng)時(shí)有多么欣喜若狂。
在瘋狂求知的過程中，我發(fā)現(xiàn)，前些年我在網(wǎng)上費(fèi)盡辛苦收集到的珍稀黑魔法，其實(shí)在書里都有著更加全面和系統(tǒng)的講解。當(dāng)我穩(wěn)固地掌握了 HTML、CSS、JS 的基礎(chǔ)知識之后，我驚訝地發(fā)現(xiàn)，原先那些看似神奇、背都背不下來的外星咒語，早已融入我的血液，成為信手拈來的本能。
現(xiàn)在的孩子們是幸福的，你們生活在一個(gè)信息通暢、資源富足的時(shí)代。因此不需要眼巴巴地乞求 “大神們” 施舍只言片語的秘技，只要多讀幾頁書，你也可以成為別人眼中的大神！
希望這樣的“CSS魔法”能對大家有所幫助！
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
