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

Detaillierte Erläuterung des rel-Attributs des -Tags

巴扎黑
巴扎黑Original
2017-06-27 13:27:302524Durchsuche

Das Tag

2cdf5bf648cf2f33323966d7f58a7f3f 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 2cdf5bf648cf2f33323966d7f58a7f3f-Tag kein schließendes Tag. In XHTML muss das 2cdf5bf648cf2f33323966d7f58a7f3f-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" />


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"/>


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/" />
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!

Stellungnahme:
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