ASP.NET Webページグローバル化HTMLレイアウトガイド
2369 ワード
HTMLレイアウトの最適な方法は、ローカライズ変換器が文字列を変換するだけであることを確保することです.ユーザーインタフェースは、文字列に含まれるテキストに適したすべてのコントロールのサイズを調整するためです.また、開発者は、コントロールサイズを手動で調整するステップがローカライズ処理から削除されたため、関連するエラーとBugも回避できるため、利益を得ることができる.ただし、コントロールのレイアウトは文字列の長さに依存して変化するため、ローカライズされたWebサイトは慎重にテストする必要があります.
以下にASPについて示す.NET Webページグローバル化設計の推奨ガイド.絶対位置決めの使用を回避します.絶対位置決めを指定すると、要素の自動再配置と寸法の変更を防止できます.次のコードは、できないことを示しています. フォームに有効な幅と高さを使用します.次の2つの方法でこのタスクを完了できます. 主要要素の寸法(例えばtable)を100%の幅に変更する.例: は、フォーム全体のサイズに基づいて、要素のサイズを変更するために積層スタイルフォームの式を使用する.例: 各コントロールに個別のtableセルを使用します.これにより、文字が独立して包装され、右から左に流れる文字レイアウトの文化的位置合わせフォーマットが正しいことを確保することができる. では、テキストをパッケージでき、テキストを含むtableセルでnowrapプロパティを使用しないようにします.nowrapプロパティは、1行の文字を維持し、適切な言語を拡張するのに十分な文字スケールを持つ必要がある場合にのみ使用します. チェックボックスとラジオボタンのラベルテキストから分離されます.チェックボックスとラジオボタンの基準をコントロールから離れたセルに保存します.これにより、文字が拡張されたときに正しく包装されることができます.しかし、フォーム文字が翻訳された後も1行を維持できる合理的な機会を設定する必要があります. は、成長空間から離れ、固定された幅を避ける.文字は他の言語に翻訳されたときに拡張される.良いスケーリングルールは、300%の短い文字列(少なくとも10文字)の成長空間、200%の中程度の文字列(少なくとも20文字)の成長空間、100%の長い文字列(20文字以上)の成長空間を許可することである.1つの許容可能な解決策は、tableセルの幅をフォームの幅のパーセントに設定することであり、そのため、このセルはtable全体に関連するように拡張することができる.しかし、HTMLレイアウトエンジンがより多くの作業を完了する必要があるため、できるだけ少ない関連寸法(100%とは異なる)を指定してみてください. ボタンのサイズをできるだけ小さくします.通常、ボタンセットは同じサイズを持つべきです.可能であれば、同じ位置でボタンセット全体にこのサイズを設定できます.また、リストボックスとグループボックスに対応する拡張スペースを持つことができます. は、頻繁な高さ設定をできるだけ避ける.tableセルの高さやテキストを含むコントロールの高さは設定しないでください.(カスケードスタイルフォームの要素の行の高さを設定できます.)そうでなければ、ユーザーがブラウザで文字サイズを設定すると、ページの外観が変わります. HTMLタグで左揃えまたは右揃えを使用しないでください.通常、tableセルのalign=「left」またはalign=「right」は避けてください.これらの設定は、右から左への文字レイアウトなど、異なる文化のフォームレイアウトに影響を与えることができるからです. は、変更される可能性のあるインライン積層スタイルフォームの値を回避します.ローカライズ変換器を維持するには、埋め込みスタイルを使用するよりも、スタイルフォームで変更されるすべての積層スタイルフォームの値が必要になる場合があります.これには、ページに設定されたフォントも含まれます.
以下にASPについて示す.NET Webページグローバル化設計の推奨ガイド.
<!-- 。 -->
<div id = idFindWhatLabel style = "position: absolute; left: 0.98em; top: 1.2168em; width: 4.8em; height: 1.2168em;">
<!-- 。-->
<table width=100%>
<!-- div 。 -->
<div style='
height: expression(document.body.clientHeight / 2);
width: expression(document.body.clientWidth / 2); '>
<!-- table table 。 -->
<td width=25%>