FRONT-END - block vs inline

🌱 오늘의 주제  : block vs inline

 

 

 

 

 

 

 

 

 

🌱 block vs inline

---

태그들은 inline이거나 block 중 하나에 속한다.

block

• 한 행에 block 태그 혼자 위치하며 width, height 값을 줄 수 있다.

블록 태그의 예

<address>, <article>, <aside>, <audio>, <blockquote>, <canvas>, <dd>, <div>, <dl>,
<fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>,
<h6>, <header>, <hgroup>, <hr>, <noscript>, <ol>, <output>, <p>, <pre>, <section>,
<table>, <ul>, <video>

inline

• 한 행에 다른 inline 태그들과 함께 위치할 수 있으며 width, height 값을 줄 수 없다.

인라인 태그의 예

<a>, <abbr>, <acronym>, <b>, <bdo>, <big>, <br>, <button>, <cite>, <code>, 
<dfn>, <em>, <i>, <img>, <input>, <kbd>, <label>, <map>, <object>, <q>, <samp>,
<small>, <script>, <select>, <span>, <strong>, <sub>, <sup>, <textarea>, <tt>, <var>