일반적 HTML Table 은 아래와 같이 열로 나열되는 구조이다.
Title 1 | Title 2 | Title 3
모바일 지원 반응형 웹에서는 아래와 같은 '행'으로 표시하는 것이 유리하다.
Title 1
Title 2
Title 3
'행'으로 출력되는 테이블을 구현하기 위해서는
<td> 속성 display:block; 을 적용한다.
하지만 갑자기 적용이 안 되는 일이 발생했다.
원인은 Doctype 선언의 부재 때문이었다.
타인에게서 넘겨받은 코드라서 미쳐 생각을 하지 못했던 것이 문제였다.
DOCTYPE 선언을 안 한경우에 대한 경우에 대해 알아봤다.
스타일이 깨지거나 일부 적용이 안 되는 경우가 발생하는 것 같다.
그러나 사실 이런 문제는 DOCTYPE 선언하면 발생하지 않고 HTML 표준에서도 권장하고 있다.
HTML 이 들어가는 view 파일에서는 DOCTYPE 을 선언하자.
<!-- HTML5 doctype 선언 -->
<!DOCTYPE html>