在CSS中，rel是一個非常重要的屬性。rel是relation（關系）的縮寫，指的是當前文檔與被鏈接資源之間的關聯關系。rel屬性常常配合標簽使用，用于定義鏈接的類型，來增強頁面的語義化結構。
<a rel="noopener noreferrer">百度一下</a> <a rel="nofollow noreferrer noopener">Google</a>
例如，在上述代碼中，我們給第一個鏈接添加了rel屬性，并設置為“noopener noreferrer”，這告訴瀏覽器建立鏈接的時候要使用“noopener noreferrer”這種關系，這個關系指的是在通過a標簽鏈接到其他網站時，為了安全起見，要添加noopener和noreferrer屬性。
第二個鏈接的rel屬性中包含了三個值，“nofollow noreferrer noopener”，其中nofollow表示告訴搜索引擎不要將這個鏈接計入SEO的流量統計，而noreferrer和noopener的作用同第一個鏈接。
需要注意的是，rel屬性的取值是區分大小寫的，不同的取值對應的語義也是不同的。常見的rel屬性取值包括：
alternate：指向當前文檔的替代版本 author：當前文檔作者的聯系方式 bookmark：將當前文檔加入書簽 external：指向非同域名下的資源 help：提供當前文檔所屬網站或程序的幫助信息 license：指向當前文檔相關的許可證信息 nofollow：告訴搜索引擎不要將該鏈接計入SEO流量統計 noreferrer：在通過a標簽鏈接到其他網站時，為了安全起見，要跳過referrer信息 noopener：避免釣魚攻擊，確保新打開窗口的腳本無法訪問原始窗口的對象 prev/next：指示文檔是當前序列中的前一個/后一個 search：提供當前文檔的搜索功能
總的來說，rel屬性在CSS中扮演著非常重要的角色。通過理解rel屬性的取值和對應的語義，可以使我們更好地理解鏈接與資源之間的關系，從而更好地編寫出語義化結構清晰的頁面。
上一篇css 中的點擊事件