개발/HTML

올바른 Sectioning Elements 사용 방법

김버그님의 ‘HTML/CSS는 재밌다’ 강의 내용을 바탕으로 공부 내용을 정리한 글입니다. 1. Sectioning Element란? 정의: 하나의 ‘단원'을 나타내는 태그 종류 4가지: , , , 2. Sectioning Elements 사용 시 공통적으로 지켜야 할 규칙 단원에는 ‘제목’이 있어야 한다. Sectioning Elements 내부에는 반드시 heading 태그(h1 ~ h6)가 들어가야 함. 따라서 안에도 제목 태그가 반드시 들어가야 웹에 이게 무슨 navigation인지 정보를 전달할 수 있다. 어차피 사용자에게 안보여지게 하는 건 css로 처리하면 됨.

html에서 글자 진하게 할 때 <strong>태그를 사용해야 할 이유

태그는 html의 스타일을 정의하는 태그로서 육안상으로만 강조되어 보이고, 브라우저에게 해당 내용을 강조한다는 의미를 전달하지 않음. 태그는 html의 의미를 정의하는 태그로서 브라우저에 '중요함' 이란 의미를 전달한다. 웹 접근성을 고려하여 strong 태그를 쓰는 것이 맞다.

HTML 요소(element)와 속성(attribute)의 차이

요소(Element) 요소와 태그가 서로 헷갈릴 수 있어 설명해두고자 한다. 요소란 무엇인가 에서 요소란 무엇인가 전체를 요소라고 말한다. 여기서 여는태그인 와 닫는태그인 만 태그이다. 홀태그인 경우 요소의 마지막이 닫는태그로 끝나지 않는다. 속성(Attribute) 요소의 시작 태그 안에서 사용하는 태그를 보조하는 명령어이다. 한 태그 내에 여러 속성을 부여할 수 있으며, 이 경우 속성과 속성 사이는 한칸을 띄워준다. 의 형태로 사용된다.