rel-alternate - Revision history

GRegorLove: s///

2023-07-26T21:33:33Z

s/<source>/<syntaxhighlight>/

← Older revision		Revision as of 21:33, 26 July 2023
Line 13:		Line 13:

	Example from http://gmpg.org/xfn/creator :		Example from http://gmpg.org/xfn/creator :
	<~~source~~ lang=~~html4strict~~>		<syntaxhighlight lang="html">
	<link href="creator-fr" rel="alternate" hreflang="fr" title="Créateur XFN 1.1" />		<link href="creator-fr" rel="alternate" hreflang="fr" title="Créateur XFN 1.1" />
	</~~source~~>		</syntaxhighlight>

	See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"] and [[hreflang]]		See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"] and [[hreflang]]
Line 24:		Line 24:

	For example, this is one possible way of linking to a site's mobile version:		For example, this is one possible way of linking to a site's mobile version:
	<~~source~~ lang="~~html4strict~~">		<syntaxhighlight lang="html">
	<a href="http://m.twitter.com" rel="alternate" media="handheld">Twitter mobile site</a>		<a href="http://m.twitter.com" rel="alternate" media="handheld">Twitter mobile site</a>
	</~~source~~>		</syntaxhighlight>

	=== With <code>type</code> ===		=== With <code>type</code> ===
Line 35:		Line 35:
	Examples:		Examples:

	<~~source~~ lang="~~html4strict~~">		<syntaxhighlight lang="html">
	<link rel="alternate" type="application/rss+xml" href=".rss"		<link rel="alternate" type="application/rss+xml" href=".rss"
	title="RSS feed for this page"/>		title="RSS feed for this page"/>
Line 42:		Line 42:
	<link rel="alternate" type="application/activitystream+json" href=".as"		<link rel="alternate" type="application/activitystream+json" href=".as"
	title="Activity Streams JSON feed for this page"/>		title="Activity Streams JSON feed for this page"/>
	</~~source~~>		</syntaxhighlight>

	=== With <code>type</code> and <code>rel home</code> ===		=== With <code>type</code> and <code>rel home</code> ===
Line 53:		Line 53:
	Examples:		Examples:

	<~~source~~ lang="~~html4strict~~">		<syntaxhighlight lang="html">
	<link rel="alternate home" type="application/rss+xml" href=".rss"		<link rel="alternate home" type="application/rss+xml" href=".rss"
	title="RSS feed for this site"/>		title="RSS feed for this site"/>
Line 60:		Line 60:
	<link rel="alternate home" type="application/activitystream+json" href=".as"		<link rel="alternate home" type="application/activitystream+json" href=".as"
	title="Activity Streams JSON feed for this site"/>		title="Activity Streams JSON feed for this site"/>
	</~~source~~>		</syntaxhighlight>

	== See Also ==		== See Also ==

TomMorris: linking to hreflang

2016-04-03T14:34:58Z

linking to hreflang

← Older revision		Revision as of 14:34, 3 April 2016
Line 17:		Line 17:
	</source>		</source>

	See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"]		See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"] and [[hreflang]]

	=== With <code>media</code> ===		=== With <code>media</code> ===

Tantek: restore headings to non-punct versions for cleaner heading links

2013-08-26T21:53:41Z

restore headings to non-punct versions for cleaner heading links

← Older revision		Revision as of 21:53, 26 August 2013
Line 4:		Line 4:
	While <code>rel="alternate"</code> does by itself mean that the destination is some alternate representation or version of the current page, it combines in special ways with other <code>rel</code> values and other attributes to provide different more specific meanings, in particular:		While <code>rel="alternate"</code> does by itself mean that the destination is some alternate representation or version of the current page, it combines in special ways with other <code>rel</code> values and other attributes to provide different more specific meanings, in particular:

	=== With <code>rel="stylesheet"</code> ===		=== With <code>rel stylesheet</code> ===
	==== Alternate stylesheets ====		==== Alternate stylesheets ====
	<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternate stylesheet] for the document. Note that the stylesheet is ''not'' an alternate representation of the current page.		<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternate stylesheet] for the document. Note that the stylesheet is ''not'' an alternate representation of the current page.
Line 44:		Line 44:
	</source>		</source>

	=== With <code>type</code> and <code>rel="home"</code> ===		=== With <code>type</code> and <code>rel home</code> ===
	==== Site Feed ====		==== Site Feed ====
	{{main\|rel-home#use_with_rel-alternate}}		{{main\|rel-home#use_with_rel-alternate}}

Zearin: Heading: Minor formatting tweak

2013-08-25T18:14:41Z

Heading: Minor formatting tweak

← Older revision		Revision as of 18:14, 25 August 2013
Line 19:		Line 19:
	See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"]		See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"]

	=== With media ===		=== With <code>media</code> ===
	==== Alternate devices and media ====		==== Alternate devices and media ====
	When used in combination with the <code>media</code> attribute, <code>rel="alternate"</code> means a link to a version of the current document, especially for the specified device or medium indicated by the <code>media</code> attribute.		When used in combination with the <code>media</code> attribute, <code>rel="alternate"</code> means a link to a version of the current document, especially for the specified device or medium indicated by the <code>media</code> attribute.

Zearin: Minor edits to formatting, capitalization, and phrasing

2013-08-25T18:14:03Z

Minor edits to formatting, capitalization, and phrasing

← Older revision		Revision as of 18:14, 25 August 2013
Line 1:		Line 1:
	{{stub}}		{{stub}}

	== ~~special combinations~~ ==		== Special Combinations ==
	While rel="alternate" does by itself mean that the destination is some alternate representation or version of the current page, it combines in special ways with other rel values and other attributes to provide different more specific meanings, in particular:		While <code>rel="alternate"</code> does by itself mean that the destination is some alternate representation or version of the current page, it combines in special ways with other <code>rel</code> values and other attributes to provide different more specific meanings, in particular:

	=== ~~with~~ rel stylesheet ===		=== With <code>rel="stylesheet"</code> ===
	==== ~~alternate style sheets~~ ====		==== Alternate stylesheets ====
	<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternate ~~style sheet~~] for the document~~, and note~~ that the ~~style sheet~~ is ~~NOT~~ an alternate representation of the current page.		<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternate stylesheet] for the document. Note that the stylesheet is ''not'' an alternate representation of the current page.

	=== ~~with~~ hreflang ===		=== With <code>hreflang</code> ===
	==== ~~alternate~~ language versions ====		==== Alternate language versions ====
	~~when present~~ with ~~an explicit~~ <code>hreflang</code> attribute (with a value other than that of the document itself), rel="alternate" means a link to a version of the current document but in the language indicated by the hreflang attribute.		When used in combination with the <code>hreflang</code> attribute (with a value other than that of the document itself), <code>rel="alternate"</code> means a link to a version of the current document, but in the language indicated by the <code>hreflang</code> attribute.

	Example from http://gmpg.org/xfn/creator :		Example from http://gmpg.org/xfn/creator :
Line 19:		Line 19:
	See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"]		See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"]

	=== ~~with~~ media ===		=== With media ===
	==== ~~alternate~~ devices and media ====		==== Alternate devices and media ====
	~~when present~~ with ~~an explicit~~ <code>media</code> attribute, rel="alternate" means a link to a version of the current document especially for the specified device or medium indicated by the media attribute.		When used in combination with the <code>media</code> attribute, <code>rel="alternate"</code> means a link to a version of the current document, especially for the specified device or medium indicated by the <code>media</code> attribute.

	~~Example~~, linking to a mobile version ~~of a site~~:		For example, this is one possible way of linking to a site's mobile version:
	<source lang=html4strict>		<source lang="html4strict">
	<a href="http://m.twitter.com" rel="alternate" media="handheld">Twitter mobile site</a>		<a href="http://m.twitter.com" rel="alternate" media="handheld">Twitter mobile site</a>
	</source>		</source>

	=== ~~with~~ type ===		=== With <code>type</code> ===
	==== ~~feed for the page~~ ====		==== Page Feed ====
	~~when present~~ with ~~an explicit~~ <code>type</code> attribute (with a value other than that of the document itself, e.g. other than "text/html"), rel="alternate" means a link to a representation of the contents of the current document in a different format as designated by the type attribute.
			When used in combination with the <code>type</code> attribute (with a value other than that of the document itself; e.g. other than <code>"text/html"</code>), <code>rel="alternate"</code> means a link to a representation of the contents of the current document in a different format, as designated by the <code>type</code> attribute.

	Examples:		Examples:
	<source lang=html4strict>
			<source lang="html4strict">
	<link rel="alternate" type="application/rss+xml" href=".rss"		<link rel="alternate" type="application/rss+xml" href=".rss"
	title="RSS feed for this page"/>		title="RSS feed for this page"/>
Line 42:		Line 44:
	</source>		</source>

	=== ~~with~~ type and rel home ===		=== With <code>type</code> and <code>rel="home"</code> ===
	==== ~~feed for the site~~ ====		==== Site Feed ====
	{{main\|rel-home#use_with_rel-alternate}}		{{main\|rel-home#use_with_rel-alternate}}

	Proposed: ~~when present~~ with ~~an explicit~~ <code>type</code> attribute (with a value other than that of the document itself, e.g. other than "text/html"), rel="alternate home" means a link to a representation of the contents of the ''site'' (the home page for the current page) in a different format as designated by the type attribute.		'''Proposed:'''
			When used in combination with the <code>type</code> attribute (with a value other than that of the document itself, e.g. other than <code>"text/html"</code>), <code>rel="alternate home"</code> means a link to a representation of the contents of the ''site'' (the home page for the current page) in a different format, as designated by the <code>type</code> attribute.

	Examples:		Examples:
	<source lang=html4strict>
			<source lang="html4strict">
	<link rel="alternate home" type="application/rss+xml" href=".rss"		<link rel="alternate home" type="application/rss+xml" href=".rss"
	title="RSS feed for this site"/>		title="RSS feed for this site"/>
Line 58:		Line 62:
	</source>		</source>

	== ~~see also~~ ==		== See Also ==
	* [[existing-rel-values]]		* [[existing-rel-values]]
	* [[rel-faq]]		* [[rel-faq]]
	* [[rel-home]], in particular [[rel-home#use_with_rel-alternate\|rel-home with rel-alternate proposal]]		* [[rel-home]], in particular [[rel-home#use_with_rel-alternate\|rel-home with rel-alternate proposal]]

Tantek: /* with hreflang */ see also Webmaster Tools Help

2011-12-15T08:34:47Z

with hreflang: see also Webmaster Tools Help

← Older revision		Revision as of 08:34, 15 December 2011
Line 16:		Line 16:
	<link href="creator-fr" rel="alternate" hreflang="fr" title="Créateur XFN 1.1" />		<link href="creator-fr" rel="alternate" hreflang="fr" title="Créateur XFN 1.1" />
	</source>		</source>

			See also: [http://support.google.com/webmasters/bin/answer.py?hl=en&answer=189077 Google Webmaster Tools Help: rel="alternate" hreflang="x"]

	=== with media ===		=== with media ===

Tantek: Reverted edits by Kevin Marks (Talk) to last version by Tantek

2011-08-11T21:16:55Z

Reverted edits by Kevin Marks (Talk) to last version by Tantek

← Older revision		Revision as of 21:16, 11 August 2011
Line 2:		Line 2:

	== special combinations ==		== special combinations ==
	While rel="alternate" does by itself mean that the destination is some ~~alternative~~ representation or version of the current page, it combines in special ways with other rel values and other attributes to provide different more specific meanings, in particular:		While rel="alternate" does by itself mean that the destination is some alternate representation or version of the current page, it combines in special ways with other rel values and other attributes to provide different more specific meanings, in particular:

	=== with rel stylesheet ===		=== with rel stylesheet ===
	==== alternate style sheets ====		==== alternate style sheets ====
	<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an ~~alternative~~ style sheet] for the document, and note that the style sheet is NOT an ~~alternative~~ representation of the current page.		<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternate style sheet] for the document, and note that the style sheet is NOT an alternate representation of the current page.

	=== with hreflang ===		=== with hreflang ===

Kevin Marks: /* special combinations */ use 'alternative' in prose as 'alternate' means something else

2011-08-11T18:50:22Z

special combinations: use 'alternative' in prose as 'alternate' means something else

← Older revision		Revision as of 18:50, 11 August 2011
Line 2:		Line 2:

	== special combinations ==		== special combinations ==
	While rel="alternate" does by itself mean that the destination is some ~~alternate~~ representation or version of the current page, it combines in special ways with other rel values and other attributes to provide different more specific meanings, in particular:		While rel="alternate" does by itself mean that the destination is some alternative representation or version of the current page, it combines in special ways with other rel values and other attributes to provide different more specific meanings, in particular:

	=== with rel stylesheet ===		=== with rel stylesheet ===
	==== alternate style sheets ====		==== alternate style sheets ====
	<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an ~~alternate~~ style sheet] for the document, and note that the style sheet is NOT an ~~alternate~~ representation of the current page.		<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternative style sheet] for the document, and note that the style sheet is NOT an alternative representation of the current page.

	=== with hreflang ===		=== with hreflang ===

Tantek: simplify heading

2011-08-11T06:34:26Z

simplify heading

← Older revision		Revision as of 06:34, 11 August 2011
Line 41:		Line 41:

	=== with type and rel home ===		=== with type and rel home ===
	==== feed for the site ~~of this page~~ ====		==== feed for the site ====
	{{main\|rel-home#use_with_rel-alternate}}		{{main\|rel-home#use_with_rel-alternate}}

Tantek: drafted to explain and provide examples of how rel-alternate is quite the special rel value, not that independent, and combines with other rel values and attributes to do special things

2011-08-11T06:14:20Z

drafted to explain and provide examples of how rel-alternate is quite the special rel value, not that independent, and combines with other rel values and attributes to do special things

New page

{{stub}}

== special combinations ==
While rel="alternate" does by itself mean that the destination is some alternate representation or version of the current page, it combines in special ways with other rel values and other attributes to provide different more specific meanings, in particular:

=== with rel stylesheet ===
==== alternate style sheets ====
<code>rel="alternate stylesheet"</code> is [http://www.w3.org/TR/html4/present/styles.html#h-14.3.1 how you provide an alternate style sheet] for the document, and note that the style sheet is NOT an alternate representation of the current page.

=== with hreflang ===
==== alternate language versions ====
when present with an explicit <code>hreflang</code> attribute (with a value other than that of the document itself), rel="alternate" means a link to a version of the current document but in the language indicated by the hreflang attribute.

Example from http://gmpg.org/xfn/creator :
<source lang=html4strict>
<link href="creator-fr" rel="alternate" hreflang="fr" title="Créateur XFN 1.1" />
</source>

=== with media ===
==== alternate devices and media ====
when present with an explicit <code>media</code> attribute, rel="alternate" means a link to a version of the current document especially for the specified device or medium indicated by the media attribute.

Example, linking to a mobile version of a site:
<source lang=html4strict>
<a href="http://m.twitter.com" rel="alternate" media="handheld">Twitter mobile site</a>
</source>

=== with type ===
==== feed for the page ====
when present with an explicit <code>type</code> attribute (with a value other than that of the document itself, e.g. other than "text/html"), rel="alternate" means a link to a representation of the contents of the current document in a different format as designated by the type attribute.

Examples:
<source lang=html4strict>
<link rel="alternate" type="application/rss+xml" href=".rss"
title="RSS feed for this page"/>
<link rel="alternate" type="application/atom+xml" href=".atom"
title="Atom feed for this page"/>
<link rel="alternate" type="application/activitystream+json" href=".as"
title="Activity Streams JSON feed for this page"/>
</source>

=== with type and rel home ===
==== feed for the site of this page ====
{{main|rel-home#use_with_rel-alternate}}

Proposed: when present with an explicit <code>type</code> attribute (with a value other than that of the document itself, e.g. other than "text/html"), rel="alternate home" means a link to a representation of the contents of the ''site'' (the home page for the current page) in a different format as designated by the type attribute.

Examples:
<source lang=html4strict>
<link rel="alternate home" type="application/rss+xml" href=".rss"
title="RSS feed for this site"/>
<link rel="alternate home" type="application/atom+xml" href=".atom"
title="Atom feed for this site"/>
<link rel="alternate home" type="application/activitystream+json" href=".as"
title="Activity Streams JSON feed for this site"/>
</source>

== see also ==
* [[existing-rel-values]]
* [[rel-faq]]
* [[rel-home]], in particular [[rel-home#use_with_rel-alternate|rel-home with rel-alternate proposal]]