Shulou(Shulou.com)06/01 Report--

This article is about the usefulness of the rel attribute in HTML. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

As I found that some students broadcast and collected this article on Weibo, I looked back at this casually translated article. Later, I found that w3cschools.com.cn already had a contrastive Chinese translation, so here I will continue to improve this article to make it look more valuable. When I first thought of translating this document from the article http://vanessa.b3log.org/research-a-rel-value, I found that rel attributes have many unusual semantic values. The original text focuses on enumerating the use scenarios of these attribute values, so it is very necessary to understand rel attributes in this way.

Example

Connections with the rel attribute:

Ooxx

Browser support

The rel property is supported in all major browsers

Note: this attribute is ignored by the browser when rendering, but search engines can get more information from it (the a tag is valid only if the href attribute exists).

Definition and use

The rel property specifies the relationship between the current document and the connected document

Grammar

Differences between HTML 4.01 and HTML 5

Deleted values: appendix, chapter, contents, copyright, glossary, index, section, start, subsection.

New values: archives, author, bookmark, external, first, index, last, license, nofollow, noreferrer, search, sidebar, tag,up.

Attribute value

Value describes the scenario | example HTML4.01HTML5appendix links to document appendix pages alternate links to an alternative source (such as printed pages, translations and mirrors) atom,feedshortcut icon shortcuts to configure websites within the head tag small icons specify title bar, address bar, favorite bar small icons archives links to document sets or historical data author links to document authors head tags declare document author canonical authority, model

Let the search engine know which page the webmaster wants to capture and include among the duplicate or similar pages in the current website.

The value of the canonical attribute usually appears in the rel property.

Reference URL: http://www.xxoo.com/xhtml/rel_canonical/

In terms of function, canonical can be understood as the auxiliary function of 301permanent redirection.

Canonical can be used with relative or absolute links, but absolute links are recommended

Google defines canonical as: a standard web page is the preferred version of a group of web pages with highly similar content.

Canonical: the Chinese meaning of "model"

The stylesheet document's outreach style sheet home connects to the site's home page first links to the first document in the collection start links to the first page of the current document next links to the next document in the collection prev links to the previous document in the collection last links to the last document in the collection provides links to a document. The document provides the context of the current document search links to the document search tool sidebar links to the document that should be displayed in the browser sidebar contents links to the current document content directory is generally placed in the sidebar of the main content of the document Easy to jump between topics on the current page index links to the current document index glossary links to the current document glossary copyright links to the current document copyright or privacy page copyright chapter at the bottom of the website links from the current document to a chapter section links to a section in the document list subsection links to sub-sections in the current document list. (a section can have more than one section. ) head links to top-level documents in the collection toc links to collection directories parent links to documents above sources child links to documents below sources help links to help documentation bookmark bookmarked permanent URL list titles external links to external links referenced in external document articles nofollow links to unrecognized documents, such as paid links

Google uses "nofollow" to specify that its search spider does not track relevant articles on the link site, random articles on the site, comment responses, comments, browsing and author links in the list and article pages, the comment address of the sidebar, the "home page" link in the home navigation, the most commented articles, and the most visited articles noreferrer rules when users follow the hyperlink Browsers should not send HTTP referer headers license links to document copyright information tag current document tags (keywords) tag cloud in the sidebar, tags in articles, tags in lists, tags in tag pages, friend sponsored links, themes by at the bottom thank you for reading! This is the end of this article on "what is the use of rel attributes in HTML?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.