dir='rtl'
body要素に右から左への言語を使用しています。
したがって、ページ全体が右から左に流れるように流れます。
何らかの理由で、画像内の代替テキストが逆方向に表示されます。
これがjsFiddleです。
簡単な解決策はありますか?
dir='rtl'
body要素に右から左への言語を使用しています。
したがって、ページ全体が右から左に流れるように流れます。
何らかの理由で、画像内の代替テキストが逆方向に表示されます。
これがjsFiddleです。
簡単な解決策はありますか?
これはChromiumのバグであり、2010年にRTLとして報告されています。画像が無効になっているときにヘブライ語の代替テキストが左から右にレンダリングされ、明らかに進行していません。
dir
仕様により、属性設定に関係なく、完全にヘブライ文字のテキストが右から左に表示されます。一部のブラウザでdir=rtl
は、ヘルプが表示されますが、ここでは表示されません。何らかの理由で、alt
Chromeのテキストレンダリングは、通常のテキストレンダリングと同じように方向情報を適用しません。結局のところ、内部で個別のルーチンを使用する可能性があります。属性値内の方向性に制御文字を使用しても役に立ちません。
FirefoxとIEではすべて問題ないように見えます。テキストの問題はalt
GoogleChromeにのみ存在するようです。Chrome(またはSafariも問題を示しているのでWebKit)のある種のバグだと思います。
ドキュメントに文字エンコードを設定してみると、問題が解決するはずです。
正しいページエンコーディング
症状:
GoogleChromeでページが文字化けしているように見えます。ごみの文字が表示されたり、RTL言語のページ(ヘブライ語やアラビア語など)が文字を逆にして表示されたりする場合があります。
問題:
文字エンコードが正確に指定されていない場合、ブラウザが異なれば、エンコーディングをさまざまな方法で解釈することも、まったく解釈しないこともあります。ユーザーがサイトを閲覧できなくなるため、ユーザーへの影響は深刻です。
推奨事項:
ページのコンテンツタイプを正しく宣言します。これは、HTTPヘッダーまたはHTMLで指定されたメタタグのいずれかに含めることができます。ページで使用する文字セットは、公式IANAリストの有効な値である必要があります。ISO-8859-1、Shift_JISなど、テキスト(推奨MIME名)が横に表示されているエンコーディングのみを使用してください。HTTPヘッダーとメタタグの文字エンコードに2つの異なる値を指定すると、GoogleChromeはHTTPヘッダーの値を使用します。HTTPヘッダーとメタタグでの文字エンコードの宣言が矛盾しているため、問題が発生しています。このテーマの詳細については、こちらをご覧ください。すべてのWebコンテンツにUTF-8を使用することをお勧めします。何らかの理由でレガシーエンコーディングを使用する必要がある場合は、上記のようにエンコーディングを正しく識別してください。ヘブライ語サイトが関係するレガシー状況では、論理ヘブライ語エンコーディング(ISO-8859-8-I)を使用します。Visual Hebrewエンコーディング(ISO-8859-8)の使用は強くお勧めしません。Web上にはもう場所がなく、RTLテキストをレンダリングするためのロジックが不足している古いシステムの名残です。それは多くのバグと多くの混乱を引き起こします。