HTML 5 디자인 원칙 소개
소개:
HTML5는 웹 콘텐츠를 구성하기 위한 언어 설명 방법입니다. HTML5는 인터넷의 차세대 표준이자 인터넷 콘텐츠를 구성하고 표현하기 위한 언어 방법입니다. 인터넷의 핵심 기술 중 하나로 간주됩니다. HTML은 1990년에 만들어졌고 HTML4는 1997년에 인터넷 표준이 되어 인터넷 응용 프로그램 개발에 널리 사용됩니다.
사실 html5는 w3c에서 직접 공식화한 것이 아닙니다. w3c의 방향은 html5가 아닌 xhtml2입니다. xhtml2가 현실과 동떨어져 실행에 옮기지 못하자 w3c 워킹그룹은 연구 방향을 html5로 바꿨다. xhtml2가 왜 실현되지 않았습니까? 유명한 Burstahl의 법칙인 디자인 원칙을 위반하기 때문에 보낼 때는 신중해야 합니다. html5 디자인 프로세스에서는 일련의 원칙을 따랐으며 이를 통해 html5가 빠르게 홍보될 수 있었습니다. 이 기사에서는 html5에 이어 5가지 디자인 원칙을 소개합니다.
불필요한 복잡성 방지
html4
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html5
<!DOCTYPE html>
html4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> html5 <meta charset="utf-8">
기존 콘텐츠 지원
다음 네 가지 코드는 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>
(학습 동영상 공유: html 동영상 튜토리얼)
실생활 문제 해결
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>콘텐츠 모델
html5 새로운 콘텐츠 모델(콘텐츠 분할)을 나타내는 섹션, 기사, 옆 및 탐색을 포함한 여러 가지 새로운 요소를 추가합니다. 사람들은 과거에 페이지의 콘텐츠를 구성하기 위해 div를 사용해 왔지만 다른 유사한 요소와 마찬가지로 div 자체에는 의미가 없습니다. 그러나 섹션, 기사, 옆 및 탐색은 실제로 명확하게 알려줍니다. 이 섹션은 문서 내의 다른 문서와 같습니다. 이러한 요소 내에 있는 모든 콘텐츠에는 자체 요약, 제목, 바닥글이 있을 수 있습니다.
원활한 저하
브라우저가 인식할 수 없는 유형 값을 발견하면 유형 값을 텍스트로 해석합니다
input type="number" input type="search" input type="range" input type="email" input type="date" input type="url"
관련 권장 사항: html5 튜토리얼
위 내용은 HTML 5 디자인 원칙 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7557
15
1384
52
83
11
59
19
28
96
REST API 디자인 원칙은 무엇입니까?
Apr 04, 2025 am 12:01 AM
RESTAPI 설계 원칙에는 자원 정의, URI 설계, HTTP 방법 사용, 상태 코드 사용, 버전 제어 및 증오가 포함됩니다. 1. 자원은 명사로 표현되어야하며 계층 구조로 유지해야합니다. 2. HTTP 방법은 Get이 자원을 얻는 데 사용되는 것과 같은 의미론을 준수해야합니다. 3. 404와 같이 상태 코드는 올바르게 사용해야합니다. 자원이 존재하지 않음을 의미합니다. 4. 버전 제어는 URI 또는 헤더를 통해 구현할 수 있습니다. 5. 증오는 응답으로 링크를 통한 클라이언트 작업을 부팅합니다.
C# 개발 경험 공유: 객체 지향 프로그래밍 및 디자인 원칙
Nov 22, 2023 am 08:18 AM
C#(CSharp)은 소프트웨어 개발 분야에서 널리 사용되는 강력하고 인기 있는 객체 지향 프로그래밍 언어입니다. C# 개발 과정에서는 객체지향 프로그래밍(OOP)의 기본 개념과 디자인 원칙을 이해하는 것이 매우 중요합니다. 객체지향 프로그래밍은 현실 세계의 사물을 객체로 추상화하고 객체 간의 상호작용을 통해 시스템 기능을 구현하는 프로그래밍 패러다임이다. C#에서 클래스는 개체 지향 프로그래밍의 기본 구성 요소이며 개체의 속성과 동작을 정의하는 데 사용됩니다. C#을 개발할 때 몇 가지 중요한 디자인 원칙이 있습니다.
C++ 클래스의 디자인 원칙은 무엇입니까?
Jun 02, 2024 pm 03:30 PM
클래스 디자인 원칙은 C++에서 매우 중요하며 다음 5가지 원칙은 효과적이고 유지 관리가 가능한 클래스를 만드는 데 도움이 됩니다. 단일 책임 원칙: 각 클래스는 하나의 작업만 담당합니다. 개방형-폐쇄형 원칙: 수업은 수정 없이 확장될 수 있습니다. 종속성 반전 원칙: 모듈은 구체적인 구현이 아닌 추상 인터페이스에 의존합니다. 인터페이스 격리 원칙: 인터페이스는 가능한 한 작고 대상이 지정되어야 합니다. Liskov 대체 원칙: 하위 클래스는 상위 클래스를 원활하게 대체할 수 있습니다.
Go 언어로 RESTful API를 설계하는 원리
Jan 22, 2024 am 11:23 AM
인터넷 애플리케이션의 급속한 발전으로 RESTfulAPI는 많은 웹 애플리케이션의 핵심 설계가 되었으며, 빠르고 효율적인 프로그래밍 언어인 Go 언어는 점차 RESTfulAPI 개발에 선호되는 언어가 되었습니다. Go 언어에서는 RESTful API의 설계 원칙도 매우 중요합니다. 다음은 Go 언어로 고품질 RESTful API를 개발하는 데 도움이 되는 몇 가지 주요 원칙을 소개합니다. 단일 책임 원칙 Go 언어에서는 단일 책임 원칙이 널리 사용됩니다.
Java 함수 설계 원칙 및 모범 사례
Apr 20, 2024 am 08:21 AM
좋은 기능적 디자인 원칙과 모범 사례를 따르면 이해하기 쉽고 효율적인 Java 코드를 만드는 데 도움이 됩니다. 이러한 원칙에는 단일 책임, 개방형, 낮은 결합 및 높은 응집력이 포함됩니다. 모범 사례에는 명명 규칙, 매개변수 디자인, 예외 처리, 문서화 및 테스트가 포함됩니다. 이러한 원칙을 따르면 두 숫자의 평균을 계산하는 함수와 같이 재사용 가능하고 유지 관리 가능한 고품질 함수를 작성할 수 있습니다.
학교 관리 시스템을 위한 MySQL 테이블 구조 설계 원칙
Oct 31, 2023 am 10:10 AM
학교 관리 시스템의 MySQL 테이블 구조 설계 원리 소개 현대 교육 산업에서 학교 관리 시스템은 중요한 역할을 합니다. 이는 학교가 학생, 교사, 강좌 및 기타 주요 운영을 효율적으로 관리하는 데 도움이 됩니다. MySQL은 학교 관리 시스템용 데이터베이스를 설계할 때 강력한 도구입니다. 이 기사에서는 학교 관리 시스템의 MySQL 테이블 구조 설계 원칙을 소개하고 구체적인 코드 예제를 제공합니다. 1. 표준화된 데이터베이스 설계 데이터베이스를 설계할 때 표준화는 핵심 원칙입니다. 표준화는 데이터베이스의 데이터가
훌륭한 사용자 인터페이스 구축: Webman의 디자인 원칙 및 지침
Aug 13, 2023 pm 07:24 PM
뛰어난 사용자 인터페이스 구축: WebMan의 디자인 원칙 및 지침 인터넷의 급속한 발전으로 인해 사용자 인터페이스 디자인은 웹 사이트와 애플리케이션의 중요한 부분이 되었습니다. 훌륭한 사용자 인터페이스는 사용자 경험을 향상시킬 뿐만 아니라 사용자 만족도와 충성도도 높여줍니다. 이 기사에서는 훌륭한 사용자 인터페이스를 만드는 데 도움이 되는 몇 가지 WebMan 디자인 원칙과 지침을 소개합니다. 1. 간단하고 명확한 인터페이스 간단하고 명확한 인터페이스는 명확한 안내와 탐색을 제공하여 사용자가 웹 사이트를 더 쉽게 이해하고 사용할 수 있도록 해줍니다.
Java 인터페이스와 클래스의 유사점과 차이점: 목적 및 디자인 원칙
Dec 23, 2023 pm 02:15 PM
Java 인터페이스와 클래스의 차이점: 적용 가능한 시나리오 및 설계 원칙, 특정 코드 예제가 필요합니다. Java 프로그래밍에서는 인터페이스와 클래스가 두 가지 중요한 개념입니다. 둘 다 객체의 동작과 속성을 정의하는 데 사용되지만 실제 응용 프로그램에서는 용도와 설계 원칙이 다릅니다. 이 기사에서는 Java 인터페이스와 클래스 간의 차이점과 적용 가능한 시나리오를 살펴봅니다. 먼저 인터페이스의 개념을 이해해보자. 인터페이스는 다른 클래스에서 구현할 수 있는 메서드 집합을 정의하는 추상 개념입니다. 인터페이스의 메소드에는 일반적으로 메소드 선언만 있습니다.
