共用方式為


ASP.NET Web 網頁全球化的 HTML 配置方針

更新:2007 年 11 月

HTML 配置的最佳作法是確保譯者只需要翻譯字串,因為使用者介面會將所有控制項都調整為符合字串所含文字的大小。這是一項優點,因為當地語系化程序中已經移除了手動調整控制項大小的步驟,進而消除了由此產生錯誤的可能性。不過,控制項的配置會依據字串長度變更,因此需要仔細測試當地語系化的網站。

下列清單提供針對全球化設計 ASP.NET Web 網頁的建議方針。

  • 避免使用絕對位置。

    指定絕對位置會妨礙自動為項目定位及調整大小。下列程式碼範例示範了不應進行的操作。

    <!-- Do not do this. -->
    <div id = idFindWhatLabel style = "position: absolute; left: 0.98em; top: 1.2168em; width: 4.8em; height: 1.2168em;">
    
  • 使用表單的可用寬度和高度。

    有兩種方法可以達到這個目的,如下所示:

    • 將主要項目 (例如,表格) 的寬度調整為等於 100%。

      例如:

      <!-- A table sized to take up entire width of the form.-->
        <table width=100%>
      
    • 根據整個表單大小,使用階層式樣式表運算式調整項目的大小。

      例如:

      <!-- A div element sized to take up half the width and height of the form. -->
      <div style=' 
        height: expression(document.body.clientHeight / 2);
        width: expression(document.body.clientWidth / 2); '>
      
  • 為每個控制項使用不同的表格儲存格。

    這允許文字獨立換行,並且確保文字配置為從右至左書寫的文化特性可正確對齊。

  • 允許文字換行,並且避免針對包含文字的表格儲存格使用 nowrap 屬性 (Attribute)。

    只有當您想要讓文字繼續停留在同一行,並且有足夠的空間展開文字以適應任何語言時才使用 nowrap 屬性。

  • 分隔核取方塊和選項按鈕的標籤 (Label) 文字。

    將核取方塊和選項按鈕的標籤放置在與控制項分隔的儲存格中。這樣可在文字增加時,讓文字正確換行。然而,您仍應設計表單,以便在翻譯文字時,讓文字適當地停留在同一行。

  • 保留空間以供擴充,並且避免固定寬度。

    當翻譯成其他語言時,文字可能會增加。一個好用的基本準則是為短字串 (少於 10 個字元) 保留 300% 的擴充空間、為中字串 (10 至 20 個字元) 保留 200% 的擴充空間以及為長字串 (多於 20 個字元) 保留 100% 的擴充空間。

    一項可接受的方案是將表格儲存格的寬度設定為表單寬度的百分比,使儲存格可以用相對於整個表格的比例擴展。然而,因為您要 HTML 配置引擎為您執行大部分的工作,所以請試著儘可能指定最少的相對大小 (除了 100% 以外)。

    <!-- The table cell is sized to take up one quarter of the width of the table. -->
    <td width=25%>
    
  • 儘可能減少需要調整按鈕大小的位置。

    一組按鈕常具有相同的大小。在可能的情況下,請在一個位置設定整組按鈕的大小。在清單方塊和群組方塊中提供擴充文字的空間。

  • 儘可能避免設定高度。

    不要為含有文字的任何表格儲存格或控制項設定儲存格高度 (您可設定階層式樣式表項目的行高)。否則,如果使用者在瀏覽器中設定文字大小,網頁的外觀就會變更。

  • 不要在 HTML 標記 (Tag) 中使用靠左對齊或靠右對齊。

    一般而言,任何表格儲存格都應避免設定 align="left" 或 align="right"。就文字配置從右至左書寫的文化特性而言,這些設定可能會干擾表單配置。

  • 避免可能需要變更的內嵌階層式樣式表值。

    在樣式表中保留譯者可能需要變更的所有階層式樣式表值,而不要將其內嵌。這包括設定網頁字型。

請參閱

其他資源

ASP.NET 全球化和當地語系化