HTML5에 대한 22가지 기본 기술(그래픽 튜토리얼)_html5 튜토리얼 기술

웹기술은 너무 빨리 발전해서 시대를 따라가지 못하면 도태됩니다. 따라서 이번 글에서는 앞으로 다가올 HTML5에 대처하기 위해 HTML5의 기본 22가지 기술을 정리하여 HTML5를 더욱 잘 익히는 데 도움이 되길 바랍니다.
1. 새로운 Doctype 선언
XHTML 선언이 너무 깁니다. 이 Doctype 선언을 직접 작성할 수 있는 프런트엔드 개발자는 거의 없습니다.

코드 복사

코드는 다음과 같습니다.

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5 Doctype 선언은 매우 짧습니다. 이 선언을 보면 바로 기억할 수 있을 것이라고 믿습니다. 길고 다소 비정상적인 XHTML Doctype 선언을 기억하기 위해 두뇌 세포를 낭비할 필요는 없습니다.

HTML5의 짧은 DOCTYPE 선언을 통해 Firefox 및 Chrome과 같은 최신 브라우저와 IE6/7/8과 같은 브라우저가 (준) 표준 모드로 들어갈 수 있다는 사실에 놀랄 수도 있습니다. / 7은 실제로 HTML5 Doctype을 지원할 수 있습니다. 실제로 IE는 Doctype이 이 형식을 준수하는 한 표준 모드로 들어갑니다.
2.

태그
다음의 간단한 코드를 보세요:

코드 복사 🎜>코드는 다음과 같습니다.

화성의 이미지 .< ;/h6>

안타깝게도 여기의 h6 태그는 img 태그와 아무 관련이 없는 것 같고 의미도 충분히 명확하지 않습니다. HTML5는 이를 깨닫고

태그를 채택했습니다.

태그와 함께 사용하면 h6 태그와 img 태그를 결합할 수 있어 코드의 의미가 더욱 커집니다.

코드 복사코드는 다음과 같습니다.

<그림>
< img alt="about image" src="path/to/image">

< /figcaption>

3. 얼마 전
을 재정의했습니다. small> 태그를 사용하여 로고와 관련된 자막을 만듭니다. 그러나 HTML5에서는 태그를 재정의하여 의 글꼴 크기를 더 작게 만들었습니다. 웹사이트.
4. Javascript 및 CSS 태그의 유형 속성을 제거합니다.
일반적으로 유형 속성을 및 <script>에 추가합니다. </strong><br><br> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode68'));">코드 복사<u></u></span>코드는 다음과 같습니다.</div></div> <div class="msgborder" id="phpcode68"><link rel="stylesheet" type=text/css href= "path/ to/stylesheet.css"><br> <script type="text/javascript" src="path/to/script.js"></script>