H5의 매우 중요한 28가지 새로운 기능, 신기술 및 신기술에 대한 자세한 설명

HTML5에는 새로운 기능이 많이 있습니다. 이제 간단히 요약해 보겠습니다. 1. 새로운 Doctype
사용하더라도 브라우저는 이 문장을 이해하면 표준 모드에 따라 렌더링하게 됩니다
2. Figure 요소
는

및

캡션
< ;그림>

이것은 이미지입니다.


재정의됨
, 이제 웹 사이트 하단의 저작권 표시와 같은 작은 레이아웃을 나타내는 데 사용됩니다
4. 링크 및 스크립트 태그에서 유형 속성을 제거합니다
5. 괄호 추가/제외. HTML5 속성을 따옴표로 묶거나 닫아야 한다는 엄격한 요구 사항은 없지만 따옴표와 닫는 태그를 추가하는 것이 좋습니다

6 콘텐츠를 편집 가능하게 만들려면 contenteditable 속성을 추가하세요.7 . 이메일 입력
입력 유형을 이메일로 설정하면 브라우저는 입력이 이메일 유형인지 확인합니다. 물론 프런트엔드 확인에만 의존할 수는 없으며 백엔드에서도 확인해야 합니다. 해당 검증이 필요합니다

8. 자리 표시자
이 입력 속성의 의미는 자리 표시자 효과를 얻기 위해 자바스크립트를 사용할 필요가 없다는 것입니다
9. > 로컬 저장소를 사용하여 대용량 데이터 조각을 클라이언트 측에 저장하며(적극적으로 삭제하지 않는 한) 현재 대부분의 브라우저에서 지원하므로 사용하기 전에 window.localStorage가 있는지 확인할 수 있습니다.
시맨틱 머리글 및 바닥글 11. 추가 HTML5 양식 기능
12. IE 및 HTML5
기본적으로 새 HTML5 요소는 인라인으로 렌더링되지만 다음 방법을 사용하여
block
header, footer, article, section, nav, menu, hgroup {
display: block }
안타깝게도 IE는 이러한 스타일을 무시하므로 다음과 같이 수정할 수 있습니다.
document. createElement("article");
document.createElement("footer");
document.createElement("header")
document.createElement( "nav");
document.createElement("menu");

13. hgroup

은 일반적으로

<header> 
<hgroup> 
<h1> Recall Fan Page </h1> 
<h2> Only for people who want the memory of a lifetime. </h2> 
</hgroup> 
</header>

14.필수 속성
필수 속성은 입력이 필요한지 여부를 정의합니다

또는

자동 초점 속성
과 같습니다. 그 의미, 즉 입력 상자에 초점
<입력 유형=”텍스트” 이름=”someInput” 자리 표시자=”더글러스 퀘이드” 필수 자동 초점>

오디오 지원HTML5 제공

<audio autoplay=”autoplay” controls=”controls”> 
<source src=”file.ogg” /><!–FF–> 
<source src=”file.mp3″ /><!–Webkit–> 
<a href=”file.mp3″>Download this file.</a> 
</audio>

17. 비디오 지원
오디오와 마찬가지로