본문 바로가기

체르니 놀이터 보기603

2. metadata Elements 2. metadata Elements HTML5에서 meta 요소(Element)들은 IE9, Firefox 같은 웹 브라우저에게 HTML5로 작성된 웹 문서와 관련된 정보를 제공하는데 사용됩니다. 이러한 metadata 요소들은 title, meta, link, style, script 등이 있으며 metadata 요소(들)의 컨테이너 역할을 하는 head 요소 블록 내에 다음과 같이 나타날 수 있습니다. 해당 요소들을 표로 정리하여 간략히 나타내면 다음과 같습니다. 메타 요소 기능 title 웹페이지의 제목을 설정하는데 사용 HTML5 학습 사이트 base 웹페이지와 연관된 기본적인 URL 경로나 목적지(target) 경로 명시하는데 사용 meta 웹페이지의 인코딩 정보, 문서에 대한 저자, 설명, .. 2013. 7. 31.
1.4 환경 설정 및 기본 편집기 1.4 환경 설정 및 기본 편집기 이 책에 나타난 예제들을 테스트하기 위한 환경으로 Apache 웹 서버를 사용하고 웹 브라우저는 상황에 따라 IE9, Firefox, Chrome, Safari, Opera를 사용합니다. 이 책에 나타난 예제들의 상당 부분은 Apache, IIS, ngnx 같은 웹 서버가 필요하지 않습니다만 보다 정확한 테스트를 위해서는 웹 서버 기반으로 테스트해 볼 것을 권합니다. 이 책에서는 Windows용 Apache 웹 서버를 사용하였으며 설치 파일은 “http://httpd.apache.org/”으로 이동하여 좌측의 Download! 밑에 있는 from a mirror 링크를 클릭하여 다운로드 화면으로 이동한 후 현재 안정 버전인 2.2.21을 클릭하여 다음의 버전을 다운로드합.. 2013. 7. 31.
1.3.2 HTML5에서 요소의 속성(Attribute) 작성 방법 1.3.2 HTML5에서 요소의 속성(Attribute) 작성 방법 HTML5에서 요소(Element)들은 집으로 생각하면 집, 집을 구성하는 벽, 기둥, 식탁, 의자, TV, 컴퓨터와 같이 하나의 독립적으로 존재하는 객체(object)라고 할 수 있습니다. 하지만 지금 설명하는 속성(Attribute)은 요소(Element)처럼 독립적으로 움직이는 형태가 아닌 요소(Element)와 함께 사용되는 것으로 요소(Element)에 종속적입니다. 예를 들어 컴퓨터(Element)를 생각해보면 컴퓨터를 분류할 때 노트북 형태, 데스크탑 형태, 검은색 노트북, 흰색 노트북, … 등 컴퓨터의 형태, 색상 등과 같이 컴퓨터라는 요소(Element)를 구분하는데 도움을 주는 역할을 하는 것이 바로 속성(Attribu.. 2013. 7. 31.
1.3.1 HTML5의 요소(Element) 작성 방법 1.3.1 HTML5의 요소(Element) 작성 방법 HTML5에서 요소(Element)는 일반적으로 다음과 같은 형식으로 HTML5 문서에 나타냅니다. 내용(텍스트, ...) 위에서 보는 것처럼 앞의 을 시작 태그(start tag), 맨 뒤의 을 마침 태그(end tag)라고 하며 웹 브라우저에 의해서 요소이름을 확인하고 해당 요소에 대한 적용은 내용(텍스트, …) 부분에 적용되게 됩니다. 예를 들어 문장의 절이나 단락을 나타내는데 사용되는 p 요소를 이용하여 “혼자 여행가도 안전한 나라” 라는 텍스트를 웹 브라우저를 통해 나타내려면 다음과 같이 하면 됩니다. 혼자 여행가도 안전한 나라 그러면 웹 브라우저에서는 내부적으로 시작 태그인 와 마침 태그인 를 제거하고 웹 브라우저에 다음과 같이 나타냅니다.. 2013. 7. 31.

티스토리툴바