このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

link”要素~“hreflang”属性

記事May 2nd,2015
July 7th,2020
外部リソースの記述言語を示す属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

hreflang”属性について

hreflang”属性は外部リソースの記述言語を示します。属性値は言語コードで指定します。

rel="alternate"との併用でリンク先の文書が文書の翻訳版であることを示すことができます。

指定できる値

属性値 説明
言語コード 外部リソースが記述されている言語

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="alternate" hreflang="en" href="en/banana.html">
<link rel="alternate" hreflang="fr" href="fr/banana.html">
<link rel="alternate" hreflang="sv" href="sv/banana.html">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index,follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" href="css/stylesheet.css">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
...
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク