HTML5_html5 튜토리얼 기술에 대해 알아야 할 28가지 새로운 기능, 새로운 기술 및 신기술

1. New Doctype
을 사용하더라도 브라우저가 이 문장을 인식하지 못하더라도 표준 모드
에 따라 렌더링됩니다.
및

을 사용하여 캡션 이미지를 의미적으로 표현합니다.

흥미로운 이미지입니다. >

3. 재정의

은 재정의되어 이제 저작권과 같은 작은 조판을 의미하는 데 사용됩니다. 웹사이트 하단의 문 4. 링크 및 스크립트 태그에서 유형 속성을 제거합니다.
5. 대괄호 추가/제외
HTML5에는 속성이 있어야 한다는 엄격한 요구 사항이 없습니다. 따옴표는 닫혔는지 여부에 관계없이 따옴표와 닫는 태그를 추가하는 것이 좋습니다
6. 콘텐츠를 편집 가능하게 하려면 contenteditable 속성을 추가하세요.
7. 입력 유형을 이메일로 설정하면 브라우저는 입력이 이메일 유형인지 확인합니다. 물론 프런트 엔드 확인에만 의존할 수는 없으며 백엔드에도 해당 확인이 있어야 합니다
8. 자리 표시자
이 입력 속성의 의미는 자리 표시자 효과를 얻기 위해 자바스크립트를 사용할 필요가 없다는 것입니다
9. 로컬 저장소
로컬 저장소를 사용하면 현재 대부분의 브라우저에서 지원되는 대용량 데이터 조각을 클라이언트에 영구적으로 저장할 수 있습니다(적극적으로 삭제하지 않는 한). 사용하기 전에 window.localStorage가 존재하는지 확인할 수 있습니다
10 의미 체계 머리글 및 바닥글 11. 추가 HTML5 양식 기능
12. IE 및 HTML5
기본적으로 새 HTML5 요소는 인라인으로 렌더링되지만 다음 방법을 사용하여
블록
머리글, 바닥글로 렌더링할 수 있습니다. , article, section , nav, menu, hgroup {
display: block; }
안타깝게도 IE는 이러한 스타일을 무시하므로 다음과 같이 수정할 수 있습니다.
document.createElement("article") ;
document.createElement("footer");
document.createElement("hgroup");
document.createElement("nav"); 🎜>document .createElement("menu");

13. hgroup

은 일반적으로



리콜 팬 페이지

평생의 추억을 원하시는 분들만을 위한

14. 필수 속성

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

또는

15을 선언할 수 있습니다. Autofocus 속성
의미와 마찬가지로 입력 상자에 초점을 맞추는 것입니다.


HTML5는 🎜> 태그, 오디오를 렌더링하기 위해 더 이상 타사 플러그인을 따를 필요가 없습니다. 대부분의 최신 브라우저는 HTML5 오디오를 지원하지만