❓ 시맨틱 태그시맨틱 태그(SemanticTags)를 번역하면 "의미론적 태그"이다.HTML 에서 시맨틱 태그는 웹 페이지의 구조를 정의하고 의미를 부여하는 태그를 말한다. 주요 목적은 단순히 div 나 span 태그를 반복해서 사용하지 말고!태그 자체가 가진 의미를 활용해 웹 페이지를 구성해서 코드의 가독성도 높이고,웹 접근성과 SEO 성능을 개선하는 것이다. ++) SEO?SEO 는 검색 엔진 최적화이다.웹 페이지가 검색 엔진에서 더 잘 검색되도록 최적화하는 과정을 의미한다.즉, 구글이나 네이버에 검색해서 상단에 뜨는 웹 페이지들은 SEO 가 잘 되어 있을 가능성이 높다. ❗ 예시 (+ 예시 외에도 정말 많음!)1. 헤더 영역헤더는 웹 페이지의 상단에 위치하며, 일반적으로 사이트 제목, 로고, 내비게..
HTML
❓ HTMLHTML은 HyperText Markup Language의 약자이다.그럼 HyperText 는 뭐고 Markup 은 뭘까? HyperText 는 간단히 말하자면 하이퍼 링크를 통해 다른 문서로 접근할 수 있는 텍스트이다. 하이퍼 링크를 클릭하면 해당 링크로 이동할 수 있으며,이를 통해 웹 페이지는 서로 연결되어 사용자에게 다양한 정보를 제공할 수 있다. Markup 은 태그 를 이용해서 텍스트의 구조와 의미를 정의하는 방식이다.HTML 은 이름에서 알 수 있듯이 마크업 방식을 사용해 웹 문서의 구조를 정의한다.예를 들어, 아래 코드를 보면 태그는 제목을, 태그는 문단을, 과 태그는 리스트를 나타낸다.제목임문단임 리스트 1 리스트 2 리스트 3 리스트 4네이버로 이동 ❓ H..