こんにちは、よしのりです。

趣味でホームページを作っています。WordPressは使わずに、ローカルで作ったHTMLファイルをサーバーに自分でアップロードするという方法で、ホームページを構築しています。

自分でHTMLファイルを作るので、文章のどこからどこまでをpタグで囲うかなどは、自分で決めています。

今までは、箇条書き（ulタグ）をpタグで囲っていました。たとえば以下は、僕が書いた箇条書きの文章です。

この部分のコードを、次のように書いていました。

<p>
パッケージに書かれている仕様のうち、個人的に重要だと思う仕様は次の通りです。
<ul>
<li>使用電池：単三形アルカリ乾電池1本</li>
<li>連続点灯時間：約10時間（アルカリ乾電池使用時）</li>
<li>防水仕様：IPX3</li>
</ul>
</p>

<p></p>の内側に<ul>～</ul> を入れています。これは、箇条書きの内容が、箇条書きの上の文に属することを明確にするために、あえてpタグの中に箇条書きを書いたのでした。

しかし、HTMLの作法的には、pタグの中にulタグなどは入れない方がいいようです。同様にpタグの中にdivタグも入れない方がいいみたいです。
参考：

今後は、pの内側にulやdivを入れないようにしようと思いました。