HTML5가 따라야 할 6가지 디자인 원칙은 무엇입니까?-H5 튜토리얼-php.cn

HTML5가 따라야 할 6가지 디자인 원칙은 무엇입니까?

青灯夜游

풀어 주다： 2018-09-10 17:46:17

원래의

1946명이 탐색했습니다.

이 장에서는 HTML5가 따라야 할 6가지 디자인 원칙을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

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

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" " 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

로그인 후 복사

html5

<!DOCTYPE html>
<meta charset="utf-8">

로그인 후 복사

원칙 2: 기존 콘텐츠 지원

다음 4개 코드 조각은 xhtml의 첫 번째 코드입니다. 단락이 정확합니다. ; 그리고 html5에서는 모든 것이 정확합니다

<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>

로그인 후 복사

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

로그인 후 복사

원칙 3: 실제 문제를 해결하세요

html4에서는 두 개의 블록 수준 요소가 동일한 링크 주소를 가지더라도 인라인 요소이므로 별도로 작성해야 합니다. 블록 수준 요소를 포함할 수 없습니다

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

로그인 후 복사

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

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

input type="number"
input type="search"
input type="range"
input type="email"
input type="date"
input type="url"

한 번 만났을 때 충돌이 발생하면 최종 사용자가 먼저 오고, 작성자, 구현자, 표준 설정자, 마지막으로 이론적 완벽성이 뒤따릅니다.

위 내용은 HTML5가 따라야 할 6가지 디자인 원칙은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게