-

HTML 기본 정보 태그DOCTYPEHTML 문서가 어떤 형식과 버저으로 작성되었는 지를 명시해당 선언을 빠뜨리면 쿽스 모드(quirks mode)로 읽게 되고, 이는 지금은 사용하지 않는 옛날 브라우저 형태로 HTML을 읽는것을 의미 lang을 선언하여 검색엔진, 스크린 리더에게 언어를 알려줌 해당 문서의 메타 데이터, 컴퓨터가 읽어 낸 문서 정보가 담겨 있음페이지 정보, 파비콘, 메타정보, css, javascipt 코드 및 링크 포함웹 페이지의 제목브라우저 탭, 즐겨찾기, 검색 결과에 표시되는 제목문서의 상세 정보 포함charset웹 페이지 문자 인코딩 방식 지정반드시 형식을 명시해야 글자가 깨지는 형상이 발생하지 않음viewport화면에 보여지는 웹사이트 영역 제어ㅈㅅ모바일의 경우 시각적 뷰포트(..

form사용자로부터 입력을 받기 위한 양식을 작성하는 태그속성설명autocomplete- 사용자가 이전에 입력한 내용을 가지고 자동완성을 제공- autocomplete = "off"를 통해 자동완성 해제 가능fieldset비슷한 정보를 그룹별로 묶을 때 사용legend는 필수로 입력해야 하는 태그는 X태그 및 속성설명- fieldset의 제목을 작성할 때 사용- 필수 태그는 아님disabled 속성- 해당 fieldset의 입력 폼을 비활성화 시킴 fieldset 제목 ID fiieldset 제목 (생략 가능) - fieldset 비활성화 PW inputname 속성 : HTML상으로 특별한 의미를 갖지 않으며, 각 항목을 받을 때 무엇에 대한 값인지 구분할 수 있도록 정보를 보내는..

dl, dt, dddt : 정의할 용어dd : 용어의 설명 또는 의미 해석dt와 dd는 1:1, 1:0, 1:n, n:1, n:n 으로 사용 가능 용어1 용어1 - 설명 용어2 용어3 용어3 - 설명 용어3 - 설명

ol type과 start 활용ol type과 start를 사용하여 시작유형과 순서를 정할 수 있음ol type 유형 : 1, A, a, Ⅰ, ⅰstart : 시작할 순서를 숫자로 표기 test test test 로마자 변환 로마자 변환 로마자 변환 로마자 변환 로마자 변환 로마자 변환

비교적 짧은 인용문을 표시할 때 사용">비교적 짧은 인용문을 표시할 때 사용blockqoute어떤 텍스트를 외부에서 인용하건나 참조할 때 사용기본적으로 스타일은 들여쓰기를 한 것 처럼 표시됨인용문의 출처 URL은 내 cite 속성으로 제공인용문의 출처 텍스트는 요소로 제공인용요소 인용문의 출처 텍스트나 URL을 cite에 표현인용q비교적 짧은 인라인 인용문을 표시할 때 사용인용문은 " "로 감싸 표시됨비교적 짧은 인용문을 표시할 때 사용비교적 짧은 인용문을 표시할 때 사용">비교적 짧은 인용문을 표시할 때 사용

시맨틱 태그HTML5에서는 시맨틱 태그를 사용하여 의미 있는 코드를 작성시맨틱 태그 장점웹 접근성을 개선 : 스크린 리더로 페이지를 읽을 때 보다 필요한 정보에 수월하게 접근 가능검색 엔진 최적화 : 검색 엔진이 태그만 보고도 사이트 내용을 분석하여 카테고리화 한 정보를 보여줘, 사용자의 이용에 도움을 줌유지보수와 가독성 용이 : 시맨틱 태그로 구분되어 소스 가독성 향상 nav문서의 메인 메뉴나 목차 등을 정의모든 내비게이션이 아닌 페이지 주요 내비게이션 링크들만 선언하는 것이 좋음footer안에서 nav 사용은 불필요사이트 전반전인 이동을 위한 내비게이션과 페이지 전체를 이동하는 내비게이션을 각각 기술할 수 있음인라인, 블록 요소 모두 포함 가능section문서의 맥락이 같은 요소들을 주제별로 그룹회해..