HTML (HyperText Markup Language, Super -Text Mark Language)은 1990 년대 초에 태어났습니다. 목록, 다른 웹 페이지 등을 가리 킵니다. HTML5는 최신 버전의 HTML입니다. 대부분의 콘텐츠는 새로운 및 오래된 브라우저와 호환 될 수 있으며 많은 새로운 기능이 추가됩니다. HTML5는 또한 기본 오디오 및 비디오 재생 기능을 소개합니다.
다음 URL을 통해 HTML의 최신 사양을 볼 수 있습니다.
1) html5 : http://www.w3.org/tr/html5//
2) html5.1 : http://www.w3.org/tr/html51/
HTML5 소개HTML5는 실제로 현대적인 자산 웹 컨텐츠를 만드는 데 사용되는 일련의 관련 기술입니다.
1) HTML5 코어 사양은 내용을 표시하는 데 사용되는 요소를 정의하고 그 의미를 명확하게합니다.
2) CSS는 사용자 앞에 태그의 모양을 제어하는 데 사용됩니다.
3) JavaScript는 HTML 문서의 내용을 조작하고 사용자의 작업에 응답하는 데 사용됩니다.
동시에 HTML5는 기본 멀티미디어 지원을 소개하고 프로그래밍 가능한 컨텐츠 (JavaScript를 사용해야하는 CANVAS 요소) 및 시맨틱 웹을 소개합니다.
HTML5에 대한 브라우저의 지원 브라우저 기능 검증HTML5의 기능은 브라우저가 많은 브라우저를 지원하는지 여부에 따라 각 브라우저에는 특정 버전이 기능을 지원하는지 완전히 테스트하기가 어렵습니다 그러나 웹 사이트 http://caniuse.com/이 도움이되는이 웹 사이트에는 HTML5에 대한 각 주류 브라우저의 지원이 있습니다.
브라우저 사용 상태특정 브라우저를 지원 해야하는지 또는 브라우저 버전 (일반적으로 즉)을 판단 해야하는 경우 http://gs.statcounter.com/ 브라우저 사용 상태.
브라우저 기능을 감지하십시오일부 HTML5의 새로운 기능을 사용하려면 일부 사용자의 브라우저는 이러한 기능을 지원하지 않으므로 걱정할 필요가 없습니다 .
사용 방법은 다음과 같습니다.다음과 같이 Modernizr의 다운로드 페이지로 이동하십시오.
이 페이지에서 감지 할 기능을 선택하고 (해당 기능을 클릭하십시오) 선택 후 빌드를 클릭하면 다음을 얻을 수 있습니다.
그런 다음 빌드 결과 (Modernizr-Custom.js)의 결과를 다운로드하여 HTML 문서에 추가하십시오.
<head> <메타 charset = utf-8> <title> 제목 </title> <script src = modernizr-custom.js> </script> ... </head>
이런 식으로 페이지가로드 된 후 ModernIZR 스크립트는 밀리 초 이내에 많은 새로운 기능을 감지 한 다음 ModernIZR이라는 JavaScript 객체를 만들 수 있습니다. 이 객체의 속성을 감지하면 브라우저가 지원하는 기능을 결정할 수 있습니다. 예를 들어:
<body> <p> 평결은 ... <span id = result> </span> </p> <cript> modernizr.on ( 'flash', function (result) {if (result) {document.getElementById (결과) .innerhtml = 기뻐합니다!브라우저가 플래시를 지원하면 웹 페이지가 기뻐합니다! 더 많은 Modernizr 기능은 Modernizr의 문서를 참조하십시오.
HTML 문서의 기본 구조HTML 문서는 문서에 대한 설명으로 고정 된 구조가 있으며 각 부분에는 하나 이상의 요소가 포함되어 있습니다. 일부 요소는 문서의 기본 정보를 설명하는 데 사용되며 일부 요소는 기본 HTML 문서의 구조입니다.
<!
HTML 문서는 HTML 문서의 개요와 브라우저의 초기 환경을 결정하는 빈 페이지를 설명합니다.
Doctype 요소Doctype 요소는 생략 할 수 있습니다. 대부분의 브라우저는 여전히 문서의 내용을 올바르게 표시 할 수 있지만 브라우저에 의존하는이 성능은 좋은 습관이 아닙니다. 이 요소는 브라우저에 두 가지를 알려줍니다.
1) HTML 문서에 의해 처리됩니다.
2) 문서의 내용을 표시하는 데 사용되는 HTML의 버전, 위의 쓰기는 HTML5가 사용되었음을 나타냅니다.
HTML 요소HTML 요소는 문서에서 HTML 부분의 시작을 나타내는 루트 요소입니다. Lang 속성의 기본 언어는 다음과 같은 페이지의 내용을 지정합니다.
헤드 요소헤드 요소에는 문서의 메타 데이터가 포함되어 있으며 문서의 내용 및 브라우저의 정보에 대한 정보를 제공하며 스크립트 및 외부 리소스 (예 : CSS 스타일 테이블)에 대한 참조를 포함 할 수도 있습니다.
신체 요소문서 본문에는 방문자가 볼 수있는 내용이 포함되어 있습니다.
이 기본 구조를 통해 나중에 HTML의 다른 요소를 점차적으로 추가하여 문서를 지속적으로 풍부하게하고 마지막으로 원하는 페이지를 얻을 수 있습니다.