> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 rel 속성 분석

HTML의 rel 속성 분석

不言
풀어 주다: 2018-06-20 10:27:38
원래의
2643명이 탐색했습니다.

이 글은 주로 HTML의 rel 속성 분석을 소개하고 있습니다. 필요하신 분들은 참고하시면 됩니다.

몇몇 동급생이 이 글을 웨이보에서 리트윗해서 수집한 것을 발견해서 나중에 우연히 번역한 글을 다시 살펴봤습니다. 나는 w3cschools.com.cn에 이미 비슷한 중국어 번역이 있다는 것을 알았으므로 이 기사를 더욱 가치 있게 만들기 위해 계속해서 개선할 것입니다. 이 문서를 번역하려는 원래 아이디어는 http://vanessa.b3log.org/research-a-rel-value 기사에서 나왔습니다. rel 속성에 흔하지 않은 의미 체계 값이 많이 있다는 것을 발견했습니다. 원본 기사는 이러한 항목을 나열하는 데 중점을 두었습니다. 속성 값.사용 시나리오에서는 rel 속성을 이런 방식으로 이해하는 것이 매우 필요하다고 생각합니다.

rel 속성을 사용한 연결:

<a rel="external" href="http://www.xxoo.com/">ooxx</a>
로그인 후 복사

브라우저 지원

rel 속성은 모든 주요 브라우저에서 지원됩니다

<strong>참고:</strong>브라우저는 이를 무시합니다. 렌더링할 때 이 속성을 사용하지만 검색 엔진은 이 속성에서 더 많은 정보를 얻을 수 있습니다(a 태그는 href 속성이 존재할 때만 유효합니다). <strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

定义和使用

rel属性指定了当前文档和被连接文档之间的关系

语法

<a rel="value">
로그인 후 복사

HTML 4.01 与 HTML 5 之间的差异

已删除的值:appendix, chapter, contents, copyright, glossary,index, section, start, subsection。

新的值:archives, author, bookmark, external, first,index, last, license, nofollow, noreferrer, search, sidebar, tag,up。

属性值

描述 场景|示例 HTML4.01 HTML5
appendix 链接到文档的附录页      
alternate 链接到一个备选的源(比如:打印页, 译本和镜像) head标签内配置网站的atom,feed    
shortcut icon 快捷方式 小图标 指定标题栏,地址栏,收藏栏小图标    
archives 链接到文档集或历史数据 <link rel=&#39;archives&#39; href=&#39;http://www.ooxx.com/2012/07&#39; />    
author 链接到文档的作者 head标签内申明文档作者    
canonical 权威,典范

让搜索引擎知道当前网站中的重复或相似网页中,哪一个页面才是站长想让其抓取与收录的

<link rel="canonical" href="http://xxoo.com/" />
    정의 및 사용
  • rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정합니다

  • Syntax
  • rrreee

    HTML 4.01과 HTML 5의 차이점

  • 삭제된 값: 부록, 장, 내용, 저작권, 용어집,색인, 섹션, 시작, 하위 섹션.
  • 새 값: 아카이브, 작성자, 북마크, 외부, 첫 번째, 색인, 마지막, 라이센스, nofollow, noreferrer, 검색, 사이드바, 태그, 위로.

  • 속성 값
  • td>home사이트 홈페이지에 연결<link href="http://www.ooxx.com" rel="home" /> code>first컬렉션의 첫 번째 문서에 링크<link rel="first" href="index.html"> code>start현재 문서의 첫 페이지로 링크
    설명 시나리오|예 HTML4.01 HTML5
    부록 문서의 부록 페이지 링크
    대체 링크 대체 소스(예: 인쇄된 페이지, 번역 및 미러) 웹사이트의 Atom 구성, 헤드 태그에 피드
    바로가기 아이콘 바로가기 아이콘 제목 표시줄, 주소 표시줄, 컬렉션 표시줄 아이콘 지정 td >
    아카이브 문서 세트 또는 기록에 대한 링크 데이터 <link rel='archives' href='http://www.ooxx.com/2012/07' /> td >
    author 저자 링크 문서head 태그에 문서 작성자를 선언합니다.
    표준 <link rel="canonical" href="http://xxoo.com/" />

    canonical 속성 값은 일반적으로 rel 속성에 나타납니다.
  • 참조 URL: http://www.xxoo.com/xhtml/rel_canonical/
  • 🎜canonical 기능적으로 말하면 301 영구 재설정으로 이해될 수 있습니다. 대상 접근성 🎜🎜🎜🎜canonical은 상대 또는 절대 링크와 함께 사용할 수 있지만 절대 링크를 사용하는 것이 좋습니다. 🎜🎜🎜🎜Google의 canonical 정의는 다음과 같습니다. 표준 웹 페이지는 매우 유사한 콘텐츠가 포함된 웹 페이지 집합에서 선호되는 버전입니다 🎜🎜 🎜🎜canonical: 중국어로 "모델"의 의미🎜
  • stylesheet 문서의 외부 스타일 시트 <link rel="stylesheet" href="base.css"> <link rel="stylesheet" href="base.css">    
    home 连接到站点的主页 <link href="http://www.ooxx.com" rel="home" />    
    first 链接到集合中的首个文档 <link rel="first" href="index.html">    
    start 链接到当前文档的第一页 <link rel="start" href="about:blank">    
    next 链接到集合中的下一个文档 <link rel="next" href="about:blank">    
    prev 链接到集合中的前一个文档 <link rel="chapter" href="about:blank">    
    last 链接到集合中最后的文档 <link rel="last" href="index.html">    
    up 提供指向一个文档的链接。该文档提供当前文档的上下文关系      
    search 链接到文档的搜索工具      
    sidebar 链接到应该在浏览器边栏中显示的文档      
    contents 链接到当前文档的内容目录 一般放在文档主内容的侧栏,方便在当前页面各主题之间跳转    
    index 链接到当前文档的索引      
    glossary 链接到当前文档术语表      
    copyright 链接到当前文档的版权或隐私页面 网站底部版权    
    chapter 从当前文档链接到一个章节      
    section 链接到文档列表中的一个小节      
    subsection 链接到当前文档列表中的子小节。(一个小节可拥有多个子小节。)      
    head 链接到集合中的顶级文档      
    toc 链接到集合的目录      
    parent 链接到源上面的文档      
    child 链接到源下面的文档      
    help 链接到帮助文档 <link rel="help" href="http://www.xxoo.net/help.html" />

    <link rel="start" href="about:blank"> /code>🎜🎜🎜🎜🎜🎜🎜🎜next🎜🎜컬렉션의 다음 문서에 연결🎜🎜<link rel="next" href="about:blank"> /code>🎜🎜🎜🎜🎜🎜🎜🎜prev🎜🎜컬렉션의 이전 문서에 링크🎜🎜<link rel="chapter" href="about:blank"> /code>🎜🎜 🎜🎜 🎜🎜🎜🎜last🎜🎜컬렉션의 마지막 문서에 링크🎜🎜<link rel="last" href="index.html">🎜🎜🎜🎜🎜🎜🎜🎜up🎜🎜 문서에 대한 링크를 제공합니다. 이 문서는 현재 문서에 대한 컨텍스트를 제공합니다🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜search🎜🎜문서에 연결되는 검색 도구🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜링크는 브라우저 사이드바에 표시됩니다. 문서 🎜 🎜 🎜🎜 🎜🎜 🎜🎜🎜🎜contents🎜🎜는 현재 문서의 콘텐츠 디렉터리에 연결되어 있으며 🎜🎜는 일반적으로 현재 페이지의 항목 간 이동을 용이하게 하기 위해 문서의 기본 콘텐츠의 사이드바에 배치됩니다. 🎜🎜 🎜🎜 🎜🎜🎜 🎜index🎜🎜현재 문서의 색인 링크🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜glossary🎜🎜현재 문서의 용어집 링크🎜🎜🎜🎜🎜🎜 🎜🎜🎜 🎜저작권🎜🎜링크 현재 문서의 저작권 또는 개인 정보 보호 페이지 🎜🎜저작권은 웹 사이트 하단에 있습니다🎜🎜🎜🎜🎜🎜🎜🎜chapter🎜🎜현재 문서의 장으로 연결🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜section🎜 🎜링크 문서 목록으로 🎜🎜 🎜🎜 🎜 🎜 🎜🎜🎜🎜subsection🎜🎜의 섹션 현재 문서 목록의 하위 섹션에 대한 링크입니다. (하위 섹션에는 여러 개의 하위 섹션이 있을 수 있습니다.) 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜head🎜🎜컬렉션의 최상위 문서에 대한 링크🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜toc🎜 🎜컬렉션 테이블 링크 내용🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜parent🎜🎜출처 위 문서에 링크🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜child🎜🎜출처 아래 문서에 링크🎜🎜 🎜 🎜🎜🎜🎜🎜 🎜🎜help🎜🎜링크 도움말 문서로 이동 🎜🎜<link rel="help" href="http://www.xxoo.net/help.html" />🎜🎜 🎜🎜 🎜 🎜🎜🎜bookmark🎜🎜북마크로 사용되는 영구 URL🎜🎜목록 제목🎜🎜🎜🎜🎜🎜🎜🎜external🎜🎜외부 문서 링크🎜🎜External 기사에 인용된 링크🎜🎜🎜🎜 🎜🎜🎜🎜nofollow🎜 🎜유료 링크 등 승인되지 않은 문서에 대한 링크🎜Google은 "nofollow"를 사용하여 검색 스파이더가 링크를 따르지 않는다고 규정합니다
    사이트의 관련 기사, 사이트의 임의 기사, 댓글 답글, 댓글, 목록 및 기사 페이지의 검색 및 작성자 링크, 사이드바의 댓글 주소 및 홈페이지 탐색 "홈" 링크, 댓글이 가장 많이 달린 기사, 가장 많이 방문한 기사
    noreferrer 는 사용자가 하이퍼링크를 따라갈 때 브라우저가 HTTP 리퍼러 헤더 를 보내지 않아야 한다고 규정합니다.
    license 문서 저작권 정보 링크
    tag 현재 문서 태그(키워드) Tag 사이드바의 클라우드, 기사의 태그 , 목록의 태그, 태그 페이지의 태그
    friend Sponsored 친절한 링크, 하단의 테마 by

    부득이하게 오류가 있다고 생각되시면 부적절하거나 추가해야 할 부분이 있다면 메시지 남겨주시고 지적해주시면 감사하겠습니다!

    위 내용이 이 글의 전체 내용이길 바라겠습니다. 모든 분들의 학습에 도움이 될 것입니다. 더 많은 관련 내용을 보시려면 PHP 중국어 홈페이지를 주목해주세요!

    관련 권장사항:

    HTML에서 Inline-Block의 공백을 제거하는 방법

    html 페이지에서 메타의 역할과 페이지의 캐시 및 비캐싱 설정 분석

위 내용은 HTML의 rel 속성 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿