전체 글

보호되어 있는 글입니다.

[HTML] HTML 그룹화 관련 요소 HTML5에 새롭게 추가된 주요 콘텐츠 영역을 의미하는 main 요소를 비롯하여, 문단을 의미하는 p 요소, 목록 콘텐츠를 위한 ol, ul 요소, 인용문 영역을 의미하는 blockquoute 요소, 특정 콘텐츠 영역에 스타일 또는 스크립트를 적용하기 위해 사용하는 div 요소 등 그룹과 관련한 다양한 요소를 알아보자. div 요소 요소는 "순수" 컨테이너로 아무것도 표현하지 않는다. 대신 다른 요소 여럿을 묶어 class 나 id 속성으로 꾸미지 쉽도록 돕거나, 의미를 가진 다른 요소(, 등)가 적절하지 않을때만 사용한다. 만약 콘텐츠 블록이 섹션의 의미를 가지고 있다면 div 요소를 사용하는 것은 적절하지 않다. : 콘텐츠 분할 요소 main 요소 요소는 HTM..

보호되어 있는 글입니다.

[HTML] HTML 마크업 HTML(HyperText Markup Language)은 웹을 이루는 기초적인 구성 요소이다. HTML은 웹 콘텐츠의 의미와 구조를 정의할 때 사용한다. "Hypertext"란 웹 페이지를 다른 페이지로 연결하는 링크를 말한다. 링크는 웹의 근본적인 속성이다. HTML은 웹 브라우저에 표시되는 글, 이미지 등의 다양한 컨텐츠를 표시하기 위해 "마크업"을 사용한다. HTML5 메인 메뉴 콘텐츠 모델 아웃라인 알고리즘 콘텐츠 모델 이란? 어떤 요소에 어떤 콘텐츠를 포함해야 하는지 또 어떤 요소가 어떤 요소를 포함할 수 있는지를 정의한 것을 말한다. 메타데이터 콘텐츠 Metadata 콘텐츠는 다른 콘텐츠의 표현과 행동을 설정하거나 문서와 문서의 관계를 설정할 때 사용한다. 플로우..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

자바스크립트 삽입방식과 위치 1. 자바스크립트 삽입방식 자바스크립트를 실행하는 방법은 문서 안에 type="text/javascript" 부분은 HTML5에서는 생략 가능. 문서의 어느 곳이든 스크립트 배치에 제한을 두지 않는다. 1번 사용할 경우 :: 간단한 스크립트의 경우이거나 해당 문서에만 적용되는 코드들, 초기화 등에 자주 사용. 2번 사용할 경우 :: 반복사용되는 코드들을 파일별로 저장해두고 필요에 따라 사용. 이와 같은 방식이 코드의 가독성과 실행순서, 의존성들을 확인하기에 수월하기 때문에 추천되는 방식. 2. 자바스크립트 삽입 위치 브라우저는 HTML의 구조와 CSS 스타일을 렌더링하는 도중 자바스크립트를 만나게 되면 이에 대한 해석과 구현이 완료될 때까지 브라우저 렌더링을 멈추게 된다. 즉..