HTML_span, table 태그에 대한 질문과 답변

김버그님 HTML&CSS 강의를 듣다 생긴 질문과 이에 대한 김버그님의 답변을 정리해보았다!

span 태그의 쓰임

나는 span 태그를 텍스트의 일부분을 그룹핑할 때만 사용하였는데, 김버그님은 짧은 텍스트를 p태그가 아닌 span 태그를 사용하셔서 이유에 대한 질문을 남겼다!

  • 사용하는 사람 스타일에 따라 다른 부분이라 정답은 없다. 나(김버그님)는 문장이 아니면 p태그를 사용하기 꺼려진다. 그래서 텍스트 쪼가리의 경우, 중요한 것은 strong, 중요하지 않은 것은 span을 보통 사용한다.

table에 attribute 적용

<td>
<div class="inbox-actions">
<div class="inbox-checkbox">
<input type="checkbox" id="inbox-1">
<label for="inbox-1" class="sr-only">Select this email</label>
</div>
<button type="button" class="inbox-star">
<span class="sr-only">Add to favorites</span>
</button>
</div>
</td>

위 코드에서 td에 직접 class를 추가하지 않고 div로 다시 묶어준 이유가 궁금했다!

  • 경험상 table와 관련된 요소, 가령 tr, td, th 같은 친구들의 display, width, height등의 값을 변경하면 부작용이 많았다. 그래서 가급적 table 관련 요소들은 건들지 않고, 그 안에 있는 요소들을 묶어주는 div를 만들고 그 친구에게 원하는 스타일을 적용하는 방식을 더 선호한다!

좋은 웹페이지 즐겨찾기