0

DNNモジュールは、テキストフィールド、ラベル、および日付ピッカーが「tr」および「td」 htmlタグを使用して配置されたいくつかのフォームで構成されていました。後で、これらのテーブルを順序付けされていないリスト「ul」と「li」に変換するように言われました。そうすることで、UIレンダリングエクスペリエンスが大幅に向上しますか？

次のドキュメントを注意深く読みましたが、まだ疑問があります：テーブルと順序付けされていないリスト。

4

4 に答える 4

2

これを行うことは、ユーザーに関する限り、UIレンダリングエクスペリエンスとは何の関係もありません。

アイデアは、マークアップをプレゼンテーションから分離することです。フォームをマークアップし、CSSを使用して表示します。

表形式のデータ用に表を残す必要があります。

注：ブラウザーは、非常に大きく、高度にネストされたテーブルでパフォーマンスの問題を抱えていました。これは、CSSが存在する前に何かをレイアウトする唯一の方法でした。ただし、CSSは存在するため、HTMLテーブルではなくプレゼンテーションに使用する必要があります。

于 2012-08-24T11:10:07.823 に答える
2
  1. 表は、2次元の情報でデータを表示する場合に役立ちます。
  2. 順序付けされていないリストは、単一の情報次元でデータを表示する場合に役立ちます。

上記は記事で考慮する価値のあるポイントです

また、ここではテーブルの場合、ブラウザにはネストされたデータに関する問題があることに注意してください。リストは間違いなくパフォーマンスを向上させます

于 2012-08-24T11:15:37.000 に答える
1

フォーム（「テキストフィールド、ラベル、日付ピッカー」）をレイアウトしているように聞こえます。この場合、TABLEタグやリストではなく、DIV、P、SPAN、およびLABELタグを使用してコントロールを整理する方がよい場合があります。 。

Odedが言うように、UIレンダリングにはあまり影響しませんが、テーブルは表形式のデータ用に保持するのが最適です。また、順序付きまたは順序なしのリストは、リスト内のデータ用に保持するのが最適です:)

フォームコントロールをレイアウトしている場合、この議論はあなたの決定により関連していると思います：http: //css-discuss.incutio.com/wiki/Tables_Vs_Divs

実際に議論を始めるリスクを冒して、Asp.Netフォームの行の私の好みのレイアウトは次のようになります。

<p class="form-line"> <!-- You could as well use a <div> -->
    <label>Field Name:</label>
    <asp:YOUR_CONTROL_HERE/>
    <asp:YOUR_VALIDATION_CONTROL_HERE/>
</p>
于 2012-08-24T11:11:47.723 に答える
0

@JcFx-これは実際にはそうではありませんでした！

<div style="width: 100%; margin-top: 10px">
        <div style="float: left; display: inline-block; width: 50%" class="div1">
            <div style="float: left; display: inline-block; width: 25%" class="div2">
                <ul>
                    <li class="list1">
                        <asp:Label ID="lblPrefix" runat="server" Text='Prefix'></asp:Label>
                    </li>

等々。

于 2012-08-24T11:49:12.977 に答える