아이프레임과 프레임 1. iframe (1) iframe이란?페이지안에 페이지를 삽입하는 방법이다. 예를들어 생활코딩 홈페이지인 opentutorials.org에는 유튜브가 삽입되어 있는데, 유튜브를 삽입하는 방법이 바로 iframe을 이용한 것이다. (2) 문법 // iframe를 지원하지 않는 브라우저인 경우 대체정보를 제공- src : 불러올 페이지의 URL- scrolling : 아이프레임 안에서 스크롤링을 허용할 것인지를 지정auto : 스크롤이 필요한 경우만 스크롤 바를 노출 (기본 값)yes : 스크롤링 허용, 스크롤이 필요 없는 경우도 스크롤 바를 노출no : 스크롤 하지 않음cf.) width, height, frameborder(프레임의 테두리 사용여부) 등의 속성이 더 있지만, 디자인..

cf.) example2.html - 2초 후에 opentutorials.org로 페이지를 이동함 출처: https://devbox.tistory.com/entry/HTML5-meta-태그?category=574553 [장인개발자를 꿈꾸는 :: 기록하는 공간]

이스케이핑 1. 이스케이핑이란?HTML 코드는 브라우저에 의해서 해석되는 약속된 문자들이다. 예를들어 줄바꿈을 의미하는 태그를 줄바꿈의 용도가 아니라 화면에 표시하려면 어떻게 해야 할까? 아래와 같이 하면 어떻게 될까? 은 줄바꿈을 의미하는 태그입니다. 태그는 줄바꿈으로 해석되기 때문에 화면에 표시되지 않을 것이다. 이럴 때 사용하는 방법이 이스케이핑(escaping)이다. 아래와 같이 하면 된다. 은 줄바꿈을 의미하는 태그입니다. ''는 화면에 을 표시하면서 HTML 문법에 맞는 코드가 아니기 때문에 해석되지 않는 것이다. 2. 코드 리스트주요한 이스케이프 코드는 아래와 같다. (출처 : 위키피디아)& → & (ampersand, U+002..

URL 1. URLURL(Uniform Resource Locator)이란 웹페이지, 이미지, 동영상과 같은 정보가 위치하는 유니크(식별,고유)한 위치 정보 2. URL의 구성http://codingeverybody.com/codingeverybody_html_tutorial/url_72/example2.html?mode=view#bookmark- scheme :어떤 통신 규약을 통해서 데이터를 전송할 것인가...- hosts: 컴퓨터를 식별하기 위함- url-path: 식별된 컴퓨터상의 디렉터리와 파일 식별- query: 그 파일에게 어떠한 정보를 보여준다. 그 파일이 그 정보에 따라서 차등된 다른 정보를 보여줌- bookmark: 특정한 지점으로 사용자에게 바로 지정해줌 3. 경로(path)상대경로 ..

HTML5 시멘틱 구조 태그 이 요소는 웹페이지 일부분의 머리글을 정의하는데 사용되며 전체 페이지에서는 요소나 요소를 사용한다. 이 요소는 웹페이지의 기본 탐색 링크를 위한 컨테이너이다. 링크로 구성된 모든 그룹에는 이 요소를 사용하지 말아야하며 주요 탐색 블록에만 사용해야 한다. 요소에 탐색 링크가 있는 경우에는 요소만으로도 충분하므로 요소로 이 탐색 링크를 둘러쌀 필요가 없다. 제목과 부제가 모두 있는 경우에는 페이지, 기사 또는 섹션에 둘 이상의 표제가 필요할 수도 있다. 예를 들면, 본 튜토리얼에는 제목과 부제가 있으며 각각 "HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기"와 "HTML5로 canvas와 video 요소 구현하기"이다. 주제와 부제에 각각 요소와 요소를 사용하여 요소로 ..

DTD(Doctype) 1. 요약Document Type Definition. 문서의 형식을 지정한다.--> 해당 문서가 어떤 표준(스펙)을 따르는지 지정하는 것을 말한다.웹 문서의 시작을 알려주는 보다 먼저 사용하는 것이 '문서 유형'을 지정하는 태그이다. 문서 유형은 웹 브라우저에서 "이제부터 처리할 문서는 HTML 문서이고 어떤 유형을 사용했으니 그 버전에 맞는 방법으로 해석하라"고 알려주는 것이다.HTML4에서는 문서 유형을 설정하는 것이 까다로워서 아예 문서 유형을 지정하지 않은 문서도 많았다. 문서 유형을 지정하지 않을 경우에는 브라우저에서 웹 문서를 로딩할 때 관용 모드(quirks mode)로 인식하게 된다.관용 모드는 아주 오래된 브라우저에서도 볼 수 있도록 하는 유형이기 때문에 웹 표준..