主な違い:タグは改行を作成し、デフォルトでは開始時からタグの後に続くテキストとタグが終了するまでの間に分割を作成します。 タグはタグのような改行を作成しませんが、同じ行内のページ上で、ユーザーが周囲の他の要素からものを分離することを可能にします。
タグはインライン要素であるのに対し、タグはブロックレベルの要素です。 これらは両方とも、画像、テキストなど、Webページのさまざまな側面を制御しようとするときによく使用されます。
このタグは改行を作成し、デフォルトでは、タグの開始位置からタグが終了するまでの間にテキストを分割します。 このテキスト内に配置されている他のすべての要素、テキスト、および画像用に個別のボックスまたは特別なコンテナを作成します。 これらのタグは通常独立しており、(段落)タグと一緒に使用しないでください。
HTMLのdivタグとspanタグの比較
divタグ | スパンタグ | |
要素の種類 | ブロックレベル要素 | インライン要素 |
開始 | 新しいページに | 改行する必要はありません |
スペース | 利用可能な全幅を占める | 必要な幅を取ります |
その他の例 | - | |
使用されます | 他のHTML要素のコンテナ | いくつかのテキストの入れ物 |
属性 | 必須の属性はありませんが、スタイルとクラスは一般的です | 必須の属性はありませんが、スタイルとクラスは一般的です |
CSSと併用した場合 | コンテンツのブロックをスタイルするために使用できます | テキストの一部をスタイルするために使用できます |
画像提供:html-5-tutorial.com、safeschoolbexley.co.uk