HTML1 HTML Semantic Tags 시맨틱 태그 리액트 프로젝트를 하다가 문득 div 태그를 남발하고 있는 내 자신을 발견했다. 가독성 최악! 이참에 시맨틱 태그를 제대로 알아놓아야겠다. 🔎 Semantic Tag(Element) 시맨틱 태그는 그 태그가 감싸고 있는 것에 의미와 역할을 부여하게 된다. 하지만 이는 데이터의 의미를 나타내기 위함이지 스타일링을 위한 것이 아니다. 예를 들어 태그로 텍스트를 감싼 것과 태그로 텍스트를 감싼 뒤에 CSS로 스타일링한 것은 겉으로 보기에는 같을 수 있으나, '의미'의 차원에서 본다면 전혀 다른 코드라는 뜻. 🔎 Semantic Tag를 사용해야 하는 이유? 스크린 리더 사용자에게 도움을 줄 수 있음. SEO(검색엔진 최적화) : 검색 엔진이 돌아다니며 웹사이트의 여러 정보를 수집할 때 HTML 파일을 읽게 되.. 2023. 11. 23. 이전 1 다음