[드림코딩 semantic tag] 공간을 분할할 수 있는 태그는 div, span, table 등이 있는데, (과거에는 table 태그를 사용하여 레이아웃을 구성하기도 하였으나) 모던 웹에서는 주로 div를 사용하여 레이아웃을 구성한다. 그런데 div 태그는 의미론적으로 어떠한 의미도 가지고 있지 않기 때문에 아래와 같이 HTML5에서 새롭게 추가된 시맨틱 태그를 사용하는 것이 더 나은 방법이다. (다만, IE에서 작동하지 않아 주의 필요) tag Description header 헤더를 의미한다 nav 내비게이션을 의미한다 aside 사이드에 위치하는 공간을 의미한다 section 본문의 여러 내용(article)을 포함하는 공간을 의미한다 article 분문의 주내용이 들어가는 공간을 의미한다 fo..

1. 목록 (List) 순서가 있는 목록 태그 (Ordered List): 순서가 없는 목록 태그 (Unordered List) : 순서가 있는, 없는 목록 에서 아이템 역할의 태그: type 어트리뷰트를 사용하여 순서를 나타내는 문자를 지정할 수 있다. start 어트리뷰트로 리스트의 시작값을 지정할 수 있다. reversed 어트리뷰트를 지정하면 리스트의 순서값을 역으로 표현한다. 정의 목록 태그: 정의할 용어 태그: 용어 설명 태그: 레이아웃을 나눌때 사용하는 태그: a b a b html css JavaScript HTML Hyper Text Markup Language CSS Style Sheet 블록 레벨 인라인 레벨: 부분적으로 디자인요소를 넣어주고 싶을 때 2. 테이블 표(table)를 만..

HyperText의 Hyper는 컴퓨터 용어로서, 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미한다. 이것은 HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성으이 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능을 하이퍼링크(hyper link)라 한다. HTML link는 hyperlink를 의미하며 a(anchor / 닻) tag가 그 역할을 담당한다. 1. href 어트리뷰트 href 어트리뷰터는 이동하고자 하는 파일의 경로를 값으로 받는다. 경로(path)란 파일 시스템 상에서 특정 파일의 위치를 의미한다. 1.1 디..

1. 문서 형식 정의 tag (Document Type Definition, DTD) 문서 형식 정의 태그는 출력할 웹페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야 한다. 2. tag html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재한다. 즉 모든 요소는 html 요소의 자식 요소이며 html 요소 내부에 기술해야 한다. (단, 은 예외) 3. tag head 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에 단 하나만 존재한다. 메타데이터는 HTML 문서의 title, style, link, script에 대한 데이터로 화면에 표시되지 않는다. head 요소에는 메타데이터 이외의 화면에 표시되는 일체의 요소를 포함시킬 수 없다. : title 요소는 문..

SEO(Search Engine Optimization / 검색엔진 최적화) 같은 마케팅 도구를 사용하여 검색엔진이 본인의 웹사이트를 검색하기 알맞은 구조로 조정하기도 하는데 이것은 검색엔진이 웹사이트 정보를 어떻게 수집하는지 아는 것으로부터 시작된다. 검색엔진은 로봇(Robot)이라는 프로그램을 이용해 전세계 웹사이트 정보를 수집한다(크롤링이라 하며 검색엔진의 크롤러가 이를 수행한다) 그리고 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스(색인)을 만들어 둔다.(이것을 인덱싱이라 하며 검색엔진의 인덱서가 이를 수행한다.) 인덱스를 생성할 때 사용되는 정보는 검색 로봇이 수집한 정보인데 결국 웹사이트의 HTML 코드이다. 즉, 검색 엔진은 HTML 코드만ㅇ느로 그 ..

HTML ( Hyper Text Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화 하는 것. HTML5 문서는 반드시 으로 시작하여 문서 형식(document type)을 HTML5로 지정한다. 실제적인 HTML document은 2행부터 시작되는데 과 사이에 기술한다. 사이에는 document title, 외부 파일의 참조, 메타데이터의 설정 등이 위치하며 이 정보들은 브라우저에 표시되지 않는다. 웹브라우저에 출력되는 모든 요소는 와 사이에 위치한다. HTML document는 요소(Element)들의 집합으로 이루어진다. HTML 요소는 시작 태그(start ta..