마크업 (2) 썸네일형 리스트형 [입문] Text Tag 모바일 퍼스트Mobile First 기조로 인해 텍스트를 줄이고 이미지, 동영상 등의 미디어 사용을 늘리고 텍스트를 줄이고 있는 추세이긴 하나, 여전히 HTML 콘텐츠의 대부분은 텍스트로 구성된다. 시맨틱 태그, SEO를 고려해야 하기 때문에 사용성에 따라 제목, 본문, 모양 혹은 중요도에 맞는 태그를 사용하여야 한다. 01. 제목 (Headings) Tag Heading 태그는 제목을 나타낼 때 사용하며, h1 ~ h6까지 사용한다. 예전에는 웹사이트에서 가장 중요한 콘텐츠에 h1를 선언했다. 그래서 2000년대 초에 만들어진 사이트들은 대부분 로고를 h1으로 선언했다. 그러나 HTML5로 넘어오면서, header, footer 등 역할이 구분되는 영역에서 중요도에 따라 h1 ~ h6를 재사용하도록 권.. HTML 작성 시 유의사항 HTML은 진입 장벽이 낮아 배우기 쉬운 언어다. 하지만 컨텐츠 구조 설계, 그리고 웹 표준과 웹 접근성을 고려하여 HTML 코드를 작성하면 결코 쉽지 않다. 입문자는 표준 규격을 지키는 코딩 방식을 길러야 한다. 최근 Angular, React, Vue를 필두로 프론트 프레임워크를 사용하는 것이 트렌드가 되고 있는데, 경험자는 웹 표준과 웹 접근성을 잘 지키면서 사용하고 있는지 돌아볼 필요가 있다. '변하지 않는 것에 주목하라'는 말이 있다. 처음부터 HTML 코드를 작성하든, 템플릿이나 프레임워크를 사용하여 HTML 코드를 작성하든 잊지말야아 할 것은 표준 규격을 지키는 것이다. 1. 문법 (Syntax) Hello, world! - doctype을 포함해 모든 태그는 대문자로 사용하지 않는다. - .. 이전 1 다음
