html5가 지켜야 할 6가지 원칙(소개)-H5 튜토리얼-php.cn

html5가 지켜야 할 6가지 원칙(소개)

青灯夜游

풀어 주다： 2018-09-26 16:33:19

원래의

2727명이 탐색했습니다.

HTML5를 빠르게 홍보할 수 있는 일련의 원칙은 무엇인가요? 이 장에서는 HTML5가 준수해야 할 6가지 원칙을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

원칙 1: 불필요한 복잡성 방지

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

로그인 후 복사

#🎜🎜 #html5# ##

<!DOCTYPE html>

로그인 후 복사

###html4###rreee###html5###

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

로그인 후 복사

#🎜🎜 ## ######기존 콘텐츠 지원#🎜🎜 ## 🎜🎜#

다음 네 가지 코드는 xhtml에서는 첫 번째 코드만 html5에서는 모두 정확합니다.

XML/ HTML

<meta charset="utf-8">

로그인 후 복사

<img src="foo" alt="bar" />  
<p class="foo">Hello world</p>

로그인 후 복사

<img src="foo" alt="bar">  
<p class="foo">Hello world

로그인 후 복사

<IMG SRC="foo" ALT="bar">  
<P CLASS="foo">Hello world</P>

로그인 후 복사

#🎜 🎜#

원칙 3: 실제 문제 해결html4에서는 두 개의 블록 수준이라도 요소 요소는 동일한 링크 주소를 가지며 반드시 인라인 요소는 블록 수준 요소를 포함할 수 없기 때문에 별도로 작성해야 합니다

<img src=foo alt=bar>  
<p class=foo>Hello world</p>

로그인 후 복사

그리고 html5에서는 콘텐츠 모델 사용으로 인해 요소도 블록 수준 요소를 포함할 수 있습니다#🎜🎜 #

<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>

로그인 후 복사

원칙 4: 진실하고 실용적이어야 합니다

html5에는 섹션, 기사, 옆 및 탐색을 포함하여 여러 가지 새로운 요소가 추가되었습니다. 새로운 콘텐츠 모델 분할 콘텐츠. 사람들은 과거에 페이지의 콘텐츠를 구성하기 위해 div를 사용해 왔지만 다른 유사한 요소와 마찬가지로 div 자체에는 의미가 없습니다. 그러나 섹션, 기사, 옆 및 탐색은 실제로 명확하게 설명합니다. 이 섹션은 문서 내의 다른 문서와 같습니다. 이러한 요소 내에 있는 모든 콘텐츠에는 자체 요약, 제목, 바닥글이 있을 수 있습니다.

원칙 5: 부드러운 저하

브라우저가 인식할 수 없는 유형 값을 발견하면 값을 text 로 입력하면 최종 사용자가 먼저 오고 작성자, 구현자, 표준 설정자, 마지막으로 이론적 완벽함이 옵니다.

위 내용은 HTML5가 따라야 할 6가지 디자인 원칙입니다. 모두의 학습에 도움이 되기를 바랍니다.

위 내용은 html5가 지켜야 할 6가지 원칙(소개)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!