전체 글

[HTML] Semantic Tags

Semantic Tag HTML5부터 등장하는 태그들이다 div에 class 값을 붙이면 모든 스타일링 작업이 가능하지만 어느 부분이 제목이고 바디인지 알 수가 없다 div에 class 붙여서 만드는 모든 구조와 파일은 현 상황에서는 하면 안 되는 일이다... 정의 semantic : 의미의, 의미가 있는 HTML 태그들 중에서도 나름의 의미가 있는 태그 들을 말한다 특징 SEO (Search Engine Optimization) 검색 엔진 최적화는 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성하면 브러우저의 검색 엔진이 내가 만든 웹 사이트를 어떤 검색 결과에 띄워줘야 될지를 알려줄 수 있다 웹 접근성 (Accessibility) 보통 사람들과 달리 웹 이용에 불편함..

[HTML] 정의 & 구조 & 특징들

정의 HyperText Markup Language HyperText : 웹 페이지에서 다른 페이지로 이동할 수 있도록 링크를 정의 (연결되어 있다) Markup : 태그로 이루어져 있으며 웹 페이지의 구조를 정의 (형태나 효과) Language : 언어 웹 페이지의 구조를 설명하는 프로그래밍 언어의 한 종류로 웹 브라우저에서 웹 페이지의 정보를 적절한 태그와 속성을 이용해서 명확한 의미를 가진 문서를 만들어 설명한다 ‘무엇을 어디에 배치할지’ 구조화하는데 사용된다 ex) 방 하나가 웹 페이지라고 생각하면 그 방 안에 가구들을 배치하는데 사용되는 것이 HTML! 특징 구조가 단순 / 문법이 쉽다 논리적이고 연산적인 요소가 없으며 단순한 구조를 가지고 있다 텍스트 파일 따로 컴파일 작업이 필요하지 X 편집..