Heim > Web-Frontend > HTML-Tutorial > Detaillierte Erläuterung des rel-Attributs des -Tags

Detaillierte Erläuterung des rel-Attributs des -Tags

巴扎黑
Freigeben: 2017-06-27 13:27:30
Original
2589 Leute haben es durchsucht

Das Tag

definiert die Beziehung des aktuellen Dokuments zu anderen Dokumenten in der Websammlung. Das Link-Element ist ein leeres Element, das nur das -Attribut enthält. Dieses Element kann nur im Abschnitt head vorhanden sein, aber beliebig oft vorkommen. In HTML hat das -Tag kein schließendes Tag. In XHTML muss das -Tag ordnungsgemäß geschlossen werden.

Zusätzlich zu den standardmäßigen allgemeinen Attributen von HTML enthält das Link-Element auch viele optionale Attribute: charset, href, hreflang, media, rel, rev, target, title und type. Unter diesen Attributen darf target nur in Übergangs- und Frameset-DTDs verwendet werden. Andere können in Strict-, Übergangs- und Frameset-DTDs verwendet werden.

Unter diesen Attributen ist das rel-Attribut das Kernstück. Suchmaschinen können dieses Attribut verwenden, um weitere Informationen über den Link zu erhalten. (1)

Stylesheet

-- Rufen Sie ein externes Stylesheet auf Dieses Attribut wird am häufigsten verwendet und wird zum Aufrufen eines Stylesheets verwendet, wie unten gezeigt:

Wobei href die URL des Zieldokuments ist, Typ den MIME-Typ der Ziel-URL angibt und Medien das Gerät angibt, auf dem das Dokument angezeigt wird
<link rel="stylesheet" href="http://blog.yunlives.com/style.css" type="text/css" media="screen" />
Nach dem Login kopieren


Medien : [„Bildschirm“: bedeutet Anzeigegerät; „

Drucken

“: gibt Druckgerät an;].
(2)

Symbol – Website-Favoritensymbol definieren

Das Symbolattribut gibt die kleinen Symbole in der Titelleiste, der Adressleiste und der Sammlungsleiste an.
<link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>
<link rel="icon" href="http://blog.yunlives.com/images/favicon.png" type="images/png"/>
Nach dem Login kopieren


Hinweis: 1. IE unterstützt nur Favicon im ICO-Format. 2. Das rel-Attribut muss eine Verknüpfung enthalten, damit es angezeigt wird unter IE. Display;


(3)

kanonisch – gibt die kanonische Version der URL an

<link rel="canonical" href="http://blog.yunlives.com?page=3/" />
Nach dem Login kopieren
Das kanonische Attribut wird verwendet, um der

Suchmaschine mitzuteilen, welche Seite unter den doppelten oder ähnlichen Webseiten vorliegt In der aktuellen Website möchte ich, dass sie gecrawlt und eingebunden wird.


(4)

Autor – Angabe des Autors des Dokuments


(5)

Startseite – Stellen Sie eine Verbindung zur Startseite der Website her (6)

Suche

– Link zum Suchtool für das Dokument (7)

Seitenleiste

– Link zum Dokument, das in der Browser-Seitenleiste angezeigt werden soll (8 )

Freund

-- Freundlicher Link


Referenzlink:

http: //www.cnblogs.com/aNd1coder/archive/2012/05/30/2526359.html

http://www.dreamdu.com/xhtml/attribute_rel/


http://www.w3school.com.cn/jsref/prop_anchor_rel.asp

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des rel-Attributs des -Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage