「ブロックレベル要素」・「インライン要素」の意味
2024年2月14日
2月になってから、だいぶ日にちが経ちますが…
気候も少しずつ上がってきてるようになってきましたね。
体調にはしっかりと管理をしてくださいね。
一日より早く春が来ないかなーって待ち続けていますが…
寒さの季節が早く過ぎ去ってほしいものです。
話を取り戻して…
「ブロックレベル要素」・「インライン要素」の意味
Webページをコーディングしていく中で「ブロックレベル要素」・「インライン要素」の意味を理解しないままタグを適当に組み立てている人が目立ちます。
「ブロックレベル要素」・「インライン要素」の違いを簡潔に解説していきますね。
ブロックレベル要素…コンテンツをまとめる箱のような使い方をする要素です。このブロックレベル要素によってWebサイトの大枠を形作られます。
インライン要素…文章の一部として扱われる要素です。基本的にブロックレベル要素の中で使用され、ブロックレベル要素の内容に効果をもたらす要素が多く含まれています。
下記の図はブロック要素のタグです。
インライン要素のタグは、『<span>~</span>』や『<a href=”https://www.yahoo.co.jp” title=”Yahoo! Japan”>Yahoo! Japan</a>』や『<strong>強調文字</strong>』など、特定の決まった文字を囲むことです。
ご理解いただけましたか?
Webの知識は業界から去るまでずーと勉強を続けないといけませんよ!
もし心のどこか、『GIVE』を感じるようでしたら、そろそろ一から勉強をし直すか、足を洗って業種変更して転職するかにしてくださいね。
同じ、Web技術者としてはホンマに恥ずかしいからやめてねぇ…
ではまた!