본문 바로가기

HTML

HTML의 기본 문서구조 HTML의 기본 문서구조온전한 HTML 문서는 아래와 같은 구조를 갖춰야 한다 : 12345678910 타이틀 .... cs문서의 첫 줄에 DTD(Document Type Definition) 선언을 적는다.작성하는 문서가 HTML5임을 명시하는 것이다. 웹문서의 시작과 끝을 나타낸다. 1cs lang="언어" 속성으로 시각장애인 등에게 현재 페이지가 무슨 언어로 작성되었는지 알려줄 수 있다.이는 웹접근성을 위한 것이다. head요소 안에 담기는 요소 중 가장 중요한 두 가지는 문서의 문자셋(character set)을 지정하는 정보와 문서의 제목을 나타내는 것이다.1234 Hellocs 은 이 문서가 utf-8 문자셋으로 저장되어 있음을 나타낸다.문자셋이란 컴퓨터가 글자(한글,영문 등)을 저장하는 방식..
시멘틱 태그 Semantic Tag 시맨틱 태그 (Semantic Tag) 시맨틱태그가 무엇일까? w3schools.com 에서는 이렇게 정의한다 : What are Semantic Elements? 시맨틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다. non-semantic 요소들의 예: 와 - 자신의 컨텐츠에 대해 아무것도 설명해주지 않는다. semantic 요소들의 예: , , - 자신의 컨텐츠를 명확하게 정의한다. HTML5 이전에는 와 에 id와 class를 붙여 구역을 나누고 스타일을 지정했다. 아래 코드는 현재 네이버 홈페이지에서 소스보기를 통해 가져온 첫 부분이다. 로 떡칠되어있는 것을 볼 수 있다. 의미가 없는 태그에 이름을 붙이고 임의로 구역을 나눈 것이다.123456789101112131415161..