Wulin.com의 기사 소개 (www.vevb.com) : HTML5는 컴퓨터 상호 작용을 만들고 Human-Network 상호 작용은 더 편안해지고 사용자에게 적합합니다. 풍부한 미디어 응용 프로그램에 대한 이전의 지원 부족 과이 스토리지는 더 이상 브라우저에 대한 통증이 아닙니다. HTML5 혁명의 원래 의도는 콘텐츠 플랫폼에서 표준화 된 응용 프로그램 플랫폼으로 웹을 홍보하고 각 플랫폼 캠프의 표준을 통합하는 것입니다.
html5 란 무엇이 든 여기에서 자세히 설명 할 필요가 없습니다. 내 이해에 따르면, HTML5의 혁신은 의미 론적 레이블 시스템, 단순화 된 전통적인 중국어, 마법의 로컬 데이터 저장 기술, 플러그인이없는 풍부한 애니메이션 (캔버스) 및 강력한 API 지원을 통한 풍부한 미디어 지원으로 요약 될 수 있습니다. 요컨대, HTML5는 컴퓨터 상호 작용을 만들고 인간 네트워크 상호 작용은 더 편안해지고 사용자에게 적합합니다. 풍부한 미디어 응용 프로그램에 대한 이전의 지원 부족 과이 스토리지는 더 이상 브라우저에 대한 통증이 아닙니다. HTML5 혁명의 원래 의도는 콘텐츠 플랫폼에서 표준화 된 응용 프로그램 플랫폼으로 웹을 홍보하고 각 플랫폼 캠프의 표준을 통합하는 것입니다.
이 기사에서는 HTML5의 혁신 중 하나 인 더 명확하고 간결한 구조를 소개 할 것입니다.
처음부터 표준 XHTML 헤더 코드는 다음과 같습니다.
위는 헤더, 기사 디스플레이 영역, 오른쪽 열 및 하단으로 구성된 간단한 블로그 페이지 파트 HTML입니다. 인코딩은 깔끔하고 HTML 5에서도 잘 수행 할 수있는 XHTML의 의미론을 준수합니다. 그러나 브라우저의 경우, 이는 상자가 해당 블록을 정의하는 것을 이해할 수있는 태그가 아닌 무게를 구별하지 않는 코드입니다. 예를 들어, 표준 브라우저 (예 : Firefox, Chrome 및 심지어 IE9의 새 버전)에는 고객이 페이지 탐색으로 직접 점프 할 수있는 바로 가기 키가 있지만 문제는 모든 블록이 DIV에 의해 정의되며 DIV의 ID 값은 개발자가 결정한다는 것입니다. 따라서 브라우저는 어떤 블록이 네비게이션 링크가 있는지 블록이되어야하는지 알 수 없습니다. 새로운 HTML 5 태그의 출현은이 단점을 보완합니다. 그런 다음 위의 코드가 HTML 5로 대체되면 다음과 같이 쓸 수 있습니다.
HTML 페이지 구조는 너무 아름답 기 때문에 의견없이 볼 수 있습니다. 브라우저의 경우 해당 블록을 찾을 때 더 이상 손실되지 않습니다.
또한 HTML5는 현재 모든 브라우저에서 지원되지 않지만 100 바이트 이상을 절약 할 수있는이 헤더 (일일 PV 레벨이 1 백만 이상인 사이트의 경우 많은 트래픽을 절약 할 수 있음). 브라우저 해상도 모드에서 조사한 경우 DocType를 정의하지 않고 페이지가 이상한 모드를 트리거하고 브라우저가 정의되는 한 특정 유형의 DTD를 지정하지 않고 표준 모드로 페이지를 구문 분석 할 수 있습니다.
새로운 시맨틱 라벨링 시스템
시맨틱 코딩은 자격을 갖춘 프론트 엔드 개발자에게 필요한 기술이지만 웹 페이지가 점점 더 풍부 해짐에 따라 원래 XHTML 태그를 사용하여 Desmanate를 사용하여 그렇게 할 수는 없습니다. 하나님은 말씀하셨습니다. 빛이 있어야합니다! 그러면 빛이있을 것입니다. 따라서 HTML 5는 현대 웹 사이트의 전형적인 의미를 반영하기 위해 일련의 새로운 태그와 해당 속성을 제공합니다. 진실을 만들기 위해 연습하십시오. 예를 들어 봅시다 :
어느 것이 더 복잡하고 어느 것이 간단한 지 말할 필요가 없습니다. 예, HTML5 헤더는 너무 간단하여 쉽게 기억할 수 있습니다! 그리고 마지막 각도 브래킷 이전의 사례, 인용문 및 백 슬래시는 무시할 수 있습니다.
왜 그렇게 느슨 할 수 있습니까? 실제로 XHTML이 텍스트/html로 전송되면 브라우저도 잘 구문 분석 할 수 있으며 브라우저는 코드의 구문에 신경 쓰지 않습니다. 따라서 HTML 5는 형이상학 적이며 원래 표준의 일부를 깨뜨릴 수 있지만 브라우저에서 여전히 잘 수행 할 수 있습니다.
물론, 팀 지원 및 후속 유지 보수의 편의를 위해, 우리는 여전히 다음과 같은 글쓰기 스타일을 통합해야합니다.
표준 HTML5 헤더의 방법을 살펴 보겠습니다.