LoginSignup
1
2

More than 5 years have passed since last update.

<p>と<div>をなぜ分けるのか

Posted at

プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。

初心者から見た、ラクしたいと考えたこと

初め、「<p>と<div>や<li>、<h>を全て同じに<a>のようにすれば、気にすることなくコードを書くことができるのに。」と思っていました。

<p>の役割

<p>は、「paragragh(段落)」の意味です。
また、、<p>は、HTMLにおいてブロック要素であるので、1つの塊と考えることができる。

<div>の役割

<div>は、「division(仕切り)」の意味です。
また、<div>は、HTMLにおいて汎用ブロック要素であるので、同じく1つの塊と考えることができる。

<p>と<div>の違い

コードによりできた結果の違いがある。
それは、行間の違いです。
<p>の場合
改行され、一行の空白がある

<p>今日</p>;
<p>明日</p>;
<p>明後日</p>;

結果:今日
   
   明日

   明後日

<div>の場合
改行されるのみ

<div>今日</div>;
<div>明日</div>;
<div>明後日</div>;

結果:今日
   明日
   明後日

まとめ

<p>と<div>の違いについて理解できました。
そして、プログラミングを1週間勉強すると、エラーの発見やタグの数を確認する際に、区別することは大切であると気づきました。
これからのコーディングに生かしていきます。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2