html - どうせ立ち入り禁止 <p>内部にネストできないのはなぜ<table>ですか? 私が行うことができる修正は何ですか？<div>およびタグを削除すると<p>、デザインが破損します。ウェブサイトはクライアント提供のデザインに従っています。 次のコードがあり、VS2008 では問題なく動作しますが、

Question

<p>内部にネストできないのはなぜ<table>ですか? 私が行うことができる修正は何ですか？<div>およびタグを削除すると<p>、デザインが破損します。ウェブサイトはクライアント提供のデザインに従っています。

次のコードがあり、VS2008 では問題なく動作しますが、警告が表示されます。

<div class="right_articles">
    <p>
        <table>
            <tr>
                <td>
                    <img alt="Img not found" src="images/ribbon.gif" style="width: 155px; height: 125px;" />
                </td>
                <td>
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
                    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br />
                    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
                </td>
            </tr>
        </table> 
    </p>
    <p>&nbsp;</p>
    <p>
        <table>
            <tr>
                <td>
                    <img alt="Img not found" src="images/medal.gif" style="width: 155px; height: 125px;" />
                </td>
                <td>          
                    <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label><br />
                    <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label><br />
                    <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>      
                </td>
            </tr>
        </table>
    </p>
</div>

警告 1 この終了タグには一致する開始タグがありません。E:\WebSite4\test.master 121 警告 2 検証 (XHTML 1.0 Transitional): 要素 html' の開始タグと終了タグの間にテキストを挿入することはできません。E:\WebSite4\test.master 5 警告 3 検証 (XHTML 1.0 Transitional): 要素 'form' に終了タグがありません。E:\WebSite4\test.master 21 警告 4 クラスまたは CssClass の値が定義されていません。E:\WebSite4\test.master 33 警告 5 ファイル「spacer.gif」が見つかりませんでした。E:\WebSite4\test.master 116 警告 7 検証 (XHTML 1.0 Transitional): 要素 'img' に必須属性 'alt' がありません。E:\WebSite4\test.master 116 警告 8 検証 (XHTML 1.0 Transitional): 要素 'table' は要素 'p' 内にネストできません。E:\WebSite4\test.master 78 警告 9 検証 (XHTML 1. 0 Transitional): 要素 'table' を要素 'p' 内にネストすることはできません。E:\WebSite4\test.master 93

Answer 1

HTML では、要素に他のブロック レベル要素を含めることはできず、TABLE はブロック レベル要素でPあることを理解することが重要です。P終了タグはオプションであり、要素に含めることができないものを含めようとすると、Pブラウザーは終了Pタグを想定します。

P 要素は段落を表します。ブロック レベルの要素 (P 自体を含む) を含めることはできません。

http://www.w3.org/TR/html401/struct/text.html#h-9.3.1

Answer 2

実際の質問への回答では、段落にテーブルを含む他のブロック要素を含めることはできません。また、これに加えて、終了</p>タグはオプションであるため、パーサーによって後で見つかった最初の終了タグが段落を閉じたと見なされます。

コードとレイアウトをもっと見ることができれば助かりますが<p>、テーブルの周りからタグを削除し、CSS を使用してテーブルの位置を正しくフォーマットすると、結果が得られるはずです。

<div class="right_articles">
            <table>
            <tr>
            <td>
                <img alt="Img not found" src="images/ribbon.gif"                     
                    style="width: 155px; height: 125px;" />
            </td>
            <td>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br />
                <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
            </td>
            </tr>
            </table>
            <p>&nbsp;</p>
            <table>
            <tr>
            <td>
                <img alt="Img not found" src="images/medal.gif"                     
                    style="width: 155px; height: 125px;" />
            </td>
            <td>          
                <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label><br />
                <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label><br />
                <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>      
            </td>
            </tr>
            </table>
        </div>