The rel="alternate" Relationship

Converting to HTML 5

Alternate language translations

The rel="alternate" attribute along with a hreflang attribute provides access to another version of the document in a different written language.

Examples


Specific Versions for Different Media Devices

The rel="alternate" attribute along with a media attribute provides access to another version of the document intended for a different media. This can be used to support browsers with different screen sizes, such as cell phones and other handheld devices with smaller-sized screens.

Examples


Alternate Formats for Other Content Delivery Channels

The rel="alternate" attribute along with a type attribute provides access to similar content in an alternate format. For example, this can be used to reference the syndicated feed for a blog.

Examples

<link rel="alternate feed" type="application/rss+xml" href="/blog/rss-feed.xml"/>

Differences between HTML 5 and earlier versions

Although browsers should assume that the referenced content is a feed when the type attribute is recognized as a known feed format, it is probably better to include "feed" in the rel tag.

Next: rel="archives" 

Home > HTML Tags > rel="alternate"

Viewing mobile website page. Switch to WML or Full HTML