iPadアプリに次のHTMLセグメントが表示されています。
<font size="4px" face="HelveticaNeue" color=rgb(49,49,49)>ABC</font>
ダークグレーであると想定されており、iOS5.1より下では機能しません。ただし、iOS 6では緑色で表示され、ChromeとFirefoxでも緑色で表示されます。
上記のコードに間違いはありますか?以前のiOSで機能するのはなぜですか?
ありがとう。
HTML 4.01仕様では、要素の属性size
のfont
値は単位なしの数値であり、その値はブラウザに依存するサイズの配列へのインデックスとして使用されます。さらに、4px
CSSのように4ピクセルを意味するとすると、サイズが小さくなります。そのサイズでは、ほとんどすべてのフォントが判読できなくなります。スペースはフォント名で重要であるため、HelveticaNeue
とはかなり異なりHelvetica Neue
ます。また、color
属性値は、接頭辞が付いた6桁の16進数コードか#
、仕様で定義されたキーワードの1つである必要があります。
スプリアス</span>
タグは構文エラーですが、通常はブラウザによって無視されます。ただし、一致する終了タグがまだない先行<span>
タグがあった場合、(一般的なエラー回復の一部として)終了タグはその効果を終了します。
したがって、コードがどこでも機能するのは奇跡です。font
これは、マークアップが期待どおりに解釈される特別な環境で使用しているためにのみ行われます。
あなたが4px
4ピクセルを意味するのではなく、1から7までのスケールのHTMLサイズ4を意味する場合、デフォルトよりも次に大きいサイズである場合、以下は適合します。
<font size="4" face="Helvetica Neue" style="color:#313131;">Text hereABC</font>
ただし、ほとんどの人はCSSの使用がより適切であると考えています。CSSでは、たとえば。のような色の値を使用できますrgb(49,49,49)
。
これを使って<font size="4px" face="HelveticaNeue" style="color:#313131;">Text here</span>ABC</font>
この<font>
タグはHTML5ではサポートされていません。代わりにCSSを使用してください!
それでも属性を使用する場合は、代わりにcolor
16進値を試してください。#xxxxxx
rgb(x,x,x)