html5 예제 모음

HTML5는 요즘에 대해 이야기하는 것입니다. 오늘, 우리는 당신이 말할 것이다 몇 가지 터무니없이 인상적인 HTML5 캔버스 기반의 실험의 컬렉션을 가지고, “와우!” 의 거기 밖으로 최신, 최첨단 예제의 일부에 들여다 보자. HTML5는 웹 페이지를 보다 역동적이고 상호 작용하는 것을 목표로 하는 많은 새로운 요소와 속성을 소개하는 HTML의 다음 버전입니다. 그것은 여전히 작업 초안 동안, 인기 있는 브라우저와 사이트의 많은 이미 그것을 지원. 예제, 자습서 및 리소스 컬렉션을 검토하여 HTML5에 대한 사이트를 준비하는 방법을 알아봅니다. 페이지 레이아웃 예제의 경우 여기에서 페이지 레이아웃 컬렉션을 참조하세요. 나는 많은 코멘트를 충분히 기술 정통한 아니에요, 하지만 난 html5 템플릿을 범위와 유지처럼 보이는이 예제는 아름다운 프랙탈을 생성, Apophysis에 의해 생성 된 것과 같은. 복합 :). John은 모든 종류의 전문가가 개인 이력서 / 이력서 및 포트폴리오를 멋진 방식으로 보여줄 수있는 창의적이고 우아하며 반응성이 뛰어난 이력서 테마입니다. 이 줄에서 HTML5는 이전 구문과 거의 다릅니다.

페이지 제목(머리 내부의 유일한 필수 요소)은 항상 동일하게 선언되며, 포함된 메타 태그는 이러한 태그가 배치될 위치를 나타내는 선택적 예일 뿐입니다. 당신은 당신이 원하는만큼 여기에 유효한 메타 요소를 넣을 수 있습니다. HTML5는 많은 새로운 구문 기능을 추가합니다. 여기에는 “캔버스”, “오디오” 및 “비디오” 요소뿐만 아니라 수학 수식에 대한 확장 가능한 벡터 그래픽(SVG) 콘텐츠(일반 개체 태그의 사용을 대체하는) 및 MathML의 통합이 포함됩니다. 시작 템플릿의 나머지 부분을 살펴보면 닫는 태그 및 닫는 html 태그와 함께 일반적인 본문 요소가 있습니다. 스크립트 요소 내부의 JavaScript 파일에 대한 참조도 있습니다. 다음 예제에는 예제가 지원 브라우저에서 어떻게 보이는지에 대한 이미지가 포함되어 있으며, 각 링크는 표시되는 기술, 코드 및 예제의 CodePen에 대한 자세한 정보가 있는 페이지에 연결됩니다. 달리 언급되지 않는 한 이러한 예제는 최신 그리드 사양을 지원하는 모든 브라우저에서 작동합니다. IE10 또는 11에서는 작동하지 않습니다.

웹 사이트 또는 웹 앱 개발을 다음 단계로 끌어올리는 또 다른 방법은 오늘날 널리 사용중인 최신 프레임워크 중 하나를 시도하는 것입니다. 예를 들어 반응 및 각도에 대한 SitePoint의 광범위한 리소스를 확인하십시오. 글쎄, 지금 당신은 HTML5 애플 리케이션을 만들 수있는 하나 이상의 이유가 : CodeCanyon은 HTML5 카테고리가 있습니다! 그것을 통해 검색 하 고 사용할 수 있는 참조, 또는 테마 포레스트에 우리의 HTML5 템플릿에서 봐.