반응형 [HTML] 요약 HTML 구성 - : 문서 형식 정의(DTD)는 현재 문서가 HTML5 문서임을 명시. 문서의 최상위에 위치하고 대소문자 구별하지 않음- : HTML 문서의 루트(root) 요소를 정의. 웹 페이지를 구성하는 모든 요소들을 포함. 모든 요소는 html 요소의 자식 요소여야 함- : HTML 문서의 메타데이터(metadata)를 정의. - 메타데이터(metadata): HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미 - 메타데이터는 , , , , , 태그 등을 이용하여 표현 - 메타데이터 이외의 화면에 표시되는 요소를 포함해서는 안 됨- : 웹 브라우저를 통해 보이는 내용(content) 부분HTML.. 2024. 8. 2. [HTML] Semantic Tag Semantic Tag- Semantic 요소는 div나 span과 달리 자체로 의미를 가지고 있는 요소HTML5에 추가된 의미 요소header헤더를 정의. 헤더는 도입부에 해당하는 콘텐츠(content)를 가지고 있는 부분을 의미nav내비게이션을 의미. HTML 문서 사이를 탐색할 수 있는 링크(link)의 집합을 정의main주요 콘텐츠를 정의aside페이지 부분 이외의 콘텐츠 정의. 주로 사이드에 공간에 위치section본문의 여러 내용을 포함하는 공간을 의미. 제목을 가지고 전체적인 내용과 관련이 있는 콘텐츠들의 집합을 의미article독립적인 하나의 기사 부분을 정의figure, figcaptionfigure는 그래픽과 비디오 등의 독립적인 콘텐츠를 정의할 떄 사용. figcaption은 figu.. 2024. 8. 2. [HTML] Head Tag Head Tag- : 메타데이터를 포함하기 위한 요소. 메타데이터 이외의 요소를 포함해서는 안 됨- : 문서의 제목을 정의. 브라우저 탭에 표시문서 제목- - : 외부 리소스와의 연계 정보 정의. HTML과 외부 CSS 파일 연계에 사용- - : description, keywords, author 등 메타데이터 정의. 브라우저, 검색엔진에 사용. charset은 브라우저가 사용할 문자셋 정의 +) 버전별 문자셋 정의 +) 문자셋 종류1. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있습니다.2. ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원합니다.3. ISO-8859-1 : 256개.. 2024. 8. 2. [HTML] HTML5 기본 문법 요소 구성- HTML5 요소는 시작 태그, 종료 태그 그리고 태그 사이의 내용으로 구성content- Tag: 태그 이름. 소문자를 추천- attr: 속성명- value: 속성값. 큰 따옴표로 감싸기를 추천- content: 내용빈 요소- 빈 요소의 경우 내용과 종료 태그가 없음: br, hr, img, input, link, meta요소의 속성- HTML5 속성은 요소의 성질, 특징을 정의하는 명세. 요소에 추가적 정보를 제공. 시작 태그에 위치하며 이름과 값의 쌍으로 존재id유일한 식별자(id)를 요소에 지정. 중복 지정이 불가class스타일시트에 정의된 class를 요소에 지정. 중복 지정이 가능hiddencss의 hidden과는 다르게 의미상으로도 브라우저에 노출되지 않음background배경을.. 2024. 8. 2. 이전 1 다음 반응형
