37

HTML では、たとえばlangに属性があると便利です。<html><html lang="en">

これはどのように役立ちますか？

これが翻訳に使用される場合、言語が英語に設定されていて、ドキュメントにすべて中国語のテキストがある場合でも、Google 翻訳はそれを英語ではなく中国語として検出します (これは、Google が属性を無視することを意味しlangます)。

4

6 に答える 6

30

私はW3Cからこれを引用しています:

HTML での言語の宣言

htmlページ内のテキストのデフォルト言語を宣言するには、常にタグの言語属性を使用してください。ページに別の言語のコンテンツが含まれている場合は、そのコンテンツを囲む要素に language 属性を追加します。

langHTML として提供されるページには 属性を使用し、xml:langXML として提供されるページには 属性を使用します。XHTML 1.x および HTML5 ポリグロット ドキュメントの場合は、両方を一緒に使用します。

IANA Language Subtag Registryの言語タグを使用します。

また、良い読み物は、なぜ言語属性を使用するのですか? .

于 2013-02-01T15:40:54.270 に答える
11

あなたは「これはどのように便利ですか」と尋ねました。

「この<lang=>属性は、Web ページまたは Web ページの一部の言語を宣言するために使用できます。これは、検索エンジンのスパイダー、ページの書式設定、およびスクリーン リーダー技術を支援することを目的としています」

ソース: http://symbolcodes.tlt.psu.edu/web/tips/langtag.html ( Wayback Machine リンク)

翻訳については言及されていませんが、多くの場合、検索エンジンのスパイダーは「間違った言語で」ドキュメントを解析したくありません。そのインデックス ファイルは大きくなり (多くの新しい単語)、その結果はユーザーにとって役に立たなくなります (言語を読めない、間違った検索用語を使用している)。

スマート翻訳技術 (上記の Google のようなもの) の出現により、一部の検索エンジンは 1 つの言語でページを表示して翻訳し、「cow」を検索しているユーザーが「vache」に言及しているこのページに興味を持っている可能性があることを把握できるようになりました。 」とあります<lang="fr">。

于 2013-02-01T15:41:47.430 に答える
2

このlang属性は、ドキュメント (またはドキュメントの一部) が書かれている言語をクライアントに伝えます。これは、言語を気にするすべてのソフトウェアに役立ちます。

主な用途はアクセシビリティです。WCAGで言及されています：

この達成基準は次のことに役立ちます。

  • テキストを合成音声に変換するスクリーン リーダーやその他の技術を使用する人。
  • 文字やアルファベットの認識、単語の解読など、書かれた資料を流暢かつ正確に読むことが困難な人。
  • テキスト読み上げソフトウェアを使用する、特定の認知障害、言語障害、および学習障害を持つ人々
  • 同期されたメディアのキャプションに依存している人々。

エイドリアン・ロゼリは、いくつかの利点について次のように説明しています。

ハイフン

lang を使用することにより、(CSS で hyphens: auto を使用すると仮定して) 他の方法では得られない (最新の) ブラウザーでのハイフン サポートの利点を得ることができます。

アクセシビリティ

少なくとも、lang は、特にユーザーがサイトと同じ主要言語を使用していない場合に、スクリーン リーダー ユーザーにとってメリットがあります。ページが話されたときに、適切な発音と抑揚が可能になります。

… WCAG を参照し、W3C のこのドキュメントを参照するだけでなく、要素が記述されている言語に基づいて要素をスタイル設定する CSS を記述できる (言語ごとに異なるフォントを使用できる)、自動的にフォントを選択するなどの利点がリストされています。検索エンジン、スペル チェック、翻訳ツールを支援し、音声合成装置や点字翻訳者を支援し、カスタム スクリプトを作成するために、言語に適したバージョンのグリフを使用します。

于 2020-06-19T21:05:00.593 に答える
1

私が知る限り、単一言語の Web サイト (多言語 Web サイトでの有用性を推測していただければ幸いです) の場合、唯一の実際の、実際の、具体的な使用法は、' hyphens ' CSS プロパティが期待どおりに機能するようにすることです.. . これは大したことではありませんが、それ以上のものではありません。(残念ながら、ブラウザでこれを実際にテストしたことはありませんが、確実に知るためにはこれを行う必要があります。)

経由：http://blog.adrianroselli.com/2015/01/on-use-of-lang-attribute.html (これには、それを使用する無関係な「理由」がたくさんありますが、言及されていることを除けば)。

于 2016-09-06T16:47:40.233 に答える
-2

langカスタム属性との違いlangは継承されるため、属性を持つ要素の子要素でもlang=enセレクターで選択できますdiv:lang(en){}。

于 2017-06-15T08:32:21.517 に答える