<strong>, <span> tag

<strong>

해당 요소의 긴급함, 중대함을 나타낸다. 굵은글자로 표시된다.

사용예제

<p>이 역은 열차와 승강장 사이의 간격이 넓습니다. 
<strong>발 밑이 빠지지 않게 조심하시기 바랍니다.</strong></p>

출력결과

이 역은 열차와 승강장 사이의 간격이 넓습니다. 발 밑이 빠지지 않게 조심하시기 바랍니다.

화두

기본적으로 태그 안의 특정 요소를 강조하는 데에 쓰이고 독립적으로는 쓰이지 않는듯 하다.
HTML, CSS 기본을 익히고 정적인 웹사이트를 연습 삼아 제작하면서 코딩에 익숙해지기 시작했을 때 고민이 됐던 부분이 태그의 적절한 쓰임이다. 간혹 어떤 태그를 사용해야할 지 몰라서 기계적으로 <strong> <span> 을 남발할 때가 있는데 주의해야할 부분이다. 태그가 가진 의미를 정확하게 알고 적절한 곳에 쓰는 것이 중요하다.

<span>

inline 속성을 가진다. <div>가 block 속성을 가지는 것과 대조된다. 기본적으로 아무 의미도 없는 태그이다. inline 속성들을 블록화할 때 쓰인다.

사용예제

<p>스크린 도어가 열립니다.
<strong>발이 빠지지 않게 <span style = "color : red">주의<span>하시기 바랍니다.</strong></p>

<span>inline</span>
<span>inline</span>
<span>inline</span>

출력결과

스크린 도어가 열립니다. 발이 빠지지 않게 주의하시기 바랍니다.

inline inline inline

화두

태그가 가진 기본적 의미에 대해서 생각해보는 계기가 되어준 태그이다. 아무 의미도 가지지 않지만 html을 작성하다보면 태그 안에서 특정 부분만 집어내서 선택자로 잡아줘야 할 경우가 생기는데 이럴 때 유용하게 사용할 수 있다. 처음에는 <strong>태그를 자주 사용했는데 <strong> 태그는 '긴급함' '중대함'을 나타내기 때문에 블록화해서 쓰기에는 알맞지 않다.