WEB/HTML (3) 썸네일형 리스트형 HTML 텍스트 제목과 단락 제목 heading 요소에는 6개가 있다: , , , , , . 각 제목은 heading 요소로 둘러싸여 있어야 한다. 단락 각 단락은 으로 둘러싸여 있어야 한다. 예시: Main title of this. by gartenh Subtitle 1 Subtitle 2 Subtitle 3 Subtitle 4 The smallest subtitle 구조화가 필요한 이유 유저 편의: 제목 훑어볼 수 있음 검색 순위에 영향 시각 장애인들을 위한 screen reader 서비스에서 개요 읽어준다 컨텐츠를 꾸미거나(CSS) 동적으로 만들기 위해서는(JavaScript) 컨텐츠를 감싸는 요소 필요 Semantic이 필요한 이유 a top level heading 위는 브라우저에서 기본적으로 사용하는 hea.. HTML 헤드, 메타데이터 헤드 페이지에 표시되지 않는 부분. 페이지에 대한 metadata를 포함 제목 달기 : HTML문서 전체의 타이틀. 문서의 컨텐츠 아니다. ( : 페이지 내용물의 제목) 메타데이터(요소) 데이터를 설명하는 데이터. 요소를 이용한다. character 인코딩 특정하기 "utf-8"대신에 "ISO-8859-1"처럼 직접 설정도 가능 저자와 설명 추가 name : 메타 요소가 어떤 정보의 형태를 가지고 있는가 content: 실제 메타데이터의 컨텐츠 HTML 개요 HTML이란? Hypertext Markup Langauge 문서의 특정 텍스트 영역에 의미를 부여하고, 논리적 영역으로 구조화하며, 여러 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 마크업 언어. 요소(Elements) 각 컨텐츠의 여러 부분을 감싸고 마크업 대소문자 구분하지 않는다(단, 가독성 등의 이유로 소문자로 주로 작성) 기본 구성 여는 태그(opening tag) : 닫는 태그(closing tag) : 내용(content) : 요소의 내용 내포된 요소(Nesting elements) 요소 안에 다른 요소가 들어갈 수 있다. 이 때, 중첩되지 않게 열고 닫는 것이 잘 이뤄져야 한다. 블럭 레벨 요소(Block level element) vs 인라인 요소(Inline ele.. 이전 1 다음