이 글은 주로 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 |
链接到文档集或历史数据 |
a0201b64f44e617b0ed1ca6a04e4a375 |
|
|
| author |
链接到文档的作者 |
head标签内申明文档作者 |
|
|
| canonical |
权威,典范 |
让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的
5b1a6bbe339a499f00a98e72fd340e3b정의 및 사용rel 속성은 현재 문서와 연결된 문서 간의 관계를 지정합니다 - rrreee
HTML 4.01과 HTML 5의 차이점
삭제된 값: 부록, 장, 내용, 저작권, 용어집,색인, 섹션, 시작, 하위 섹션. 새 값: 아카이브, 작성자, 북마크, 외부, 첫 번째, 색인, 마지막, 라이센스, nofollow, noreferrer, 검색, 사이드바, 태그, 위로. -
| 값 |
설명 |
시나리오|예 | HTML4.01 |
HTML5 |
| 부록 |
문서의 부록 페이지 링크 |
|
|
|
| 대체 |
링크 대체 소스(예: 인쇄된 페이지, 번역 및 미러) |
웹사이트의 Atom 구성, 헤드 태그에 피드 |
|
|
| 바로가기 아이콘 |
바로가기 아이콘 |
제목 표시줄, 주소 표시줄, 컬렉션 표시줄 아이콘 지정 |
td > |
|
|
| 아카이브 |
문서 세트 또는 기록에 대한 링크 데이터 |
cda1f31d62fbe9bd603ad6ca981b8403 td > |
|
|
| author |
저자 링크 문서 | td>head 태그에 문서 작성자를 선언합니다. |
|
|
표준 70ee7983a177cb58cc7f838dbb15d0f9
canonical 속성 값은 일반적으로 rel 속성에 나타납니다. -
🎜canonical 기능적으로 말하면 301 영구 재설정으로 이해될 수 있습니다. 대상 접근성 🎜🎜🎜🎜canonical은 상대 또는 절대 링크와 함께 사용할 수 있지만 절대 링크를 사용하는 것이 좋습니다. 🎜🎜🎜🎜Google의 canonical 정의는 다음과 같습니다. 표준 웹 페이지는 매우 유사한 콘텐츠가 포함된 웹 페이지 집합에서 선호되는 버전입니다 🎜🎜 🎜🎜canonical: 중국어로 "모델"의 의미🎜
|
|
|
| stylesheet |
문서의 외부 스타일 시트 |
fe6520792c95425234690bc98239a72d ffa9e93c45b9e97635715e3ed25eb939
|
|
|
| home |
连接到站点的主页 |
ec88fb1017b684c313e9a2ca2a4824cf |
|
|
| first |
链接到集合中的首个文档 |
46f4b057dfd067bac314e509eec33bc3 |
|
|
| start |
链接到当前文档的第一页 |
18e94beb14b653c64015faf023d36385 |
|
|
| next |
链接到集合中的下一个文档 |
a180899e1638d1be93bcfd54fbaf6964 |
|
|
| prev |
链接到集合中的前一个文档 |
83a0a3faf601f282321705a321e3028a |
|
|
| last |
链接到集合中最后的文档 |
124f94eb4e8a86ef163e82e2146d0c69 |
|
|
| up |
提供指向一个文档的链接。该文档提供当前文档的上下文关系 |
|
|
|
| search |
链接到文档的搜索工具 |
|
|
|
| sidebar |
链接到应该在浏览器边栏中显示的文档 |
|
|
|
| contents |
链接到当前文档的内容目录 |
一般放在文档主内容的侧栏,方便在当前页面各主题之间跳转 |
|
|
| index |
链接到当前文档的索引 |
|
|
|
| glossary |
链接到当前文档术语表 |
|
|
|
| copyright |
链接到当前文档的版权或隐私页面 |
网站底部版权 |
|
|
| chapter |
从当前文档链接到一个章节 |
|
|
|
| section |
链接到文档列表中的一个小节 |
|
|
|
| subsection |
链接到当前文档列表中的子小节。（一个小节可拥有多个子小节。） |
|
|
|
| head |
链接到集合中的顶级文档 |
|
|
|
| toc |
链接到集合的目录 |
|
|
|
| parent |
链接到源上面的文档 |
|
|
|
| child |
链接到源下面的文档 |
|
|
|
| help |
链接到帮助文档 |
82cc14e75ddca56a0db3cad234e5932b | | |
home | 사이트 홈페이지에 연결 |
3e653cd5e9abf105ed8c8ddab9126aec code><td></td>
<td class="y"></td>
<td class="y"></td>
first | 컬렉션의 첫 번째 문서에 링크 |
3cdca41d2442e89b157eeeb69369c849 code><td></td> <td class="y"></td> <td class="y"></td>
start | 현재 문서의 첫 페이지로 링크
f6632d99a88ae7516848c1575ee711c1 /code>🎜🎜🎜🎜🎜🎜🎜🎜next🎜🎜컬렉션의 다음 문서에 연결🎜🎜<code class="code1">975c6ea00cb71293e39ea0ab2ea3b36a /code>🎜🎜🎜🎜🎜🎜🎜🎜prev🎜🎜컬렉션의 이전 문서에 링크🎜🎜<code class="code1">be41b25177cccd3a750471c75c9cda22 /code>🎜🎜 🎜🎜 🎜🎜🎜🎜last🎜🎜컬렉션의 마지막 문서에 링크🎜🎜<code class="code1">d2e3c0ba27b15160da30b3b508fda7c9🎜🎜🎜🎜🎜🎜🎜🎜up🎜🎜 문서에 대한 링크를 제공합니다. 이 문서는 현재 문서에 대한 컨텍스트를 제공합니다🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜search🎜🎜문서에 연결되는 검색 도구🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜링크는 브라우저 사이드바에 표시됩니다. 문서 🎜 🎜 🎜🎜 🎜🎜 🎜🎜🎜🎜contents🎜🎜는 현재 문서의 콘텐츠 디렉터리에 연결되어 있으며 🎜🎜는 일반적으로 현재 페이지의 항목 간 이동을 용이하게 하기 위해 문서의 기본 콘텐츠의 사이드바에 배치됩니다. 🎜🎜 🎜🎜 🎜🎜🎜 🎜index🎜🎜현재 문서의 색인 링크🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜glossary🎜🎜현재 문서의 용어집 링크🎜🎜🎜🎜🎜🎜 🎜🎜🎜 🎜저작권🎜🎜링크 현재 문서의 저작권 또는 개인 정보 보호 페이지 🎜🎜저작권은 웹 사이트 하단에 있습니다🎜🎜🎜🎜🎜🎜🎜🎜chapter🎜🎜현재 문서의 장으로 연결🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜section🎜 🎜링크 문서 목록으로 🎜🎜 🎜🎜 🎜 🎜 🎜🎜🎜🎜subsection🎜🎜의 섹션 현재 문서 목록의 하위 섹션에 대한 링크입니다. (하위 섹션에는 여러 개의 하위 섹션이 있을 수 있습니다.) 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜head🎜🎜컬렉션의 최상위 문서에 대한 링크🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜toc🎜 🎜컬렉션 테이블 링크 내용🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜parent🎜🎜출처 위 문서에 링크🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜child🎜🎜출처 아래 문서에 링크🎜🎜 🎜 🎜🎜🎜🎜🎜 🎜🎜help🎜🎜링크 도움말 문서로 이동 🎜🎜<code class="code1">3dd3a921627ebdaed6e569518ed00a9a🎜🎜 🎜🎜 🎜 🎜🎜🎜bookmark🎜🎜북마크로 사용되는 영구 URL🎜🎜목록 제목🎜🎜🎜🎜🎜🎜🎜🎜external🎜🎜외부 문서 링크🎜🎜External 기사에 인용된 링크🎜🎜🎜🎜 🎜🎜🎜🎜nofollow🎜 🎜유료 링크 등 승인되지 않은 문서에 대한 링크🎜Google은 "nofollow"를 사용하여 검색 스파이더가 링크를 따르지 않는다고 규정합니다
|
사이트의 관련 기사, 사이트의 임의 기사, 댓글 답글, 댓글, 목록 및 기사 페이지의 검색 및 작성자 링크, 사이드바의 댓글 주소 및 홈페이지 탐색 "홈" 링크, 댓글이 가장 많이 달린 기사, 가장 많이 방문한 기사 |
|
|
| noreferrer |
는 사용자가 하이퍼링크를 따라갈 때 브라우저가 HTTP 리퍼러 헤더 |
를 보내지 않아야 한다고 규정합니다. |
|
|
| license |
문서 저작권 정보 링크 |
|
|
|
| tag |
현재 문서 태그(키워드) |
Tag 사이드바의 클라우드, 기사의 태그 , 목록의 태그, 태그 페이지의 태그 |
|
|
| friend |
Sponsored |
친절한 링크, 하단의 테마 by |
|
|
부득이하게 오류가 있다고 생각되시면 부적절하거나 추가해야 할 부분이 있다면 메시지 남겨주시고 지적해주시면 감사하겠습니다!
위 내용이 이 글의 전체 내용이길 바라겠습니다. 모든 분들의 학습에 도움이 될 것입니다. 더 많은 관련 내용을 보시려면 PHP 중국어 홈페이지를 주목해주세요!
관련 권장사항:
HTML에서 Inline-Block의 공백을 제거하는 방법
html 페이지에서 메타의 역할과 페이지의 캐시 및 비캐싱 설정 분석
|
위 내용은 HTML의 rel 속성 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
