HTML5와 CSS3이란 무엇입니까?

html5는 Hypertext Markup Language HTML의 다섯 번째 주요 개정 버전으로, 주로 웹 개발자와 브라우저 제작자가 합의 기반 표준을 더 쉽게 따를 수 있도록 하여 규정 준수를 개선하고 규정 준수를 강화하도록 설계되었습니다. CSS3은 CSS 기술의 업그레이드 버전으로, HTML이나 XML과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

HTML5란 무엇인가요?

HTML5는 다섯 번째 주요 개정판인 HTML(Hypertext Markup Language)의 개정판입니다. HTML은 웹 페이지의 내용과 모양을 설명하는 데 사용되는 표준 프로그래밍 언어입니다. HTML5는 마크업, 새로운 API, XHTML 및 오류 처리의 다른 새로운 기능과 함께 기존 HTML 및 XHTML 스타일 구문을 지원합니다.

HTML5는 현재 표준 HTML4에 영향을 미치는 호환성 문제를 해결하기 위해 개발되었습니다. HTML5와 이전 버전의 표준 사이의 가장 큰 차이점 중 하나는 이전 버전의 HTML에는 독점 플러그인과 API가 필요하다는 것입니다. (이것이 한 브라우저에서 구축하고 테스트한 웹페이지가 다른 브라우저에서 올바르게 로드되지 않을 수 있는 이유입니다.) HTML5는 요소를 더 쉽게 로드할 수 있는 공통 인터페이스를 제공합니다. 예를 들어 HTML5에서는 요소가 자체적으로 실행되므로 Flash 플러그인을 설치할 필요가 없습니다.

HTML5의 주요 목적은 웹 개발자와 브라우저 제작자가 합의 기반 표준을 더 쉽게 따를 수 있도록 하여 규정 준수를 개선하고 규정 준수를 강화하는 것입니다. 또한 데스크톱 및 모바일 방문자에게 더 좋고, 빠르고, 일관된 사용자 경험을 제공하도록 설계되었습니다.

HTML5의 디자인 목표 중 하나는 모바일 장치에서 멀티미디어를 지원하는 것입니다. 이 기능을 지원하기 위해 비디오, 오디오 및 캔버스 태그와 같은 새로운 구문 기능이 도입되었습니다. HTML5는 또한 사용자가 문서와 상호 작용하는 방식을 완전히 바꿀 수 있는 새로운 기능을 도입합니다.

HTML5의 몇 가지 흥미로운 새 기능:

• 그림용 캔버스 요소.

• 미디어 재생을 위한 비디오 및 오디오 요소

• 로컬 오프라인 저장소에 대한 지원이 향상되었습니다.

• 기사, 바닥글, 헤더, 탐색, 섹션과 같은 새로운 특수 콘텐츠 요소입니다.

• 달력, 날짜, 시간, 이메일, URL, 검색과 같은 새로운 양식 컨트롤.

CSS3란 무엇인가요?

CSS는 Cascading Style Sheets의 약자로 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)을 표현하는 데 사용되는 파일 스타일입니다.

CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기와 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다.

CSS3은 CSS(Cascading Style Sheets) 기술의 업그레이드 버전으로 1999년에 공식화되었습니다. 2001년 5월 23일 W3C는 주로 상자 모델, 목록 모듈, 하이퍼링크 방법, 언어 모듈을 포함하는 CSS3 작업 초안을 완성했습니다. , 배경 및 테두리, 텍스트 효과, 다중 열 레이아웃 및 기타 모듈.

CSS 발전의 주요 변화는 CSS3를 일련의 모듈로 나누기로 한 W3C의 결정입니다. 브라우저 공급업체는 CSS의 속도에 맞춰 빠르게 혁신하므로 모듈식 접근 방식을 취하면 CSS3 사양의 요소가 서로 다른 속도로 발전할 수 있습니다. 왜냐하면 다양한 브라우저 공급업체는 특정 기능만 지원하기 때문입니다. 그러나 서로 다른 브라우저는 서로 다른 시기에 서로 다른 기능을 지원하므로 크로스 브라우저 개발도 복잡해집니다.

CSS3의 원리는 CSS의 원리와 동일합니다. 웹 페이지에서 스타일 시트의 선택기를 사용자 정의한 다음 웹 페이지에서 이 선택기를 대량으로 참조하는 것입니다.

새로운 기능

둥근 모서리, 그래픽 테두리, 블록 그림자 및 텍스트 그림자, RGBA를 사용하여 투명도 효과 달성, 그라데이션 효과, @Font-Face를 사용하여 사용자 정의 글꼴 구현, 배경 이미지, 텍스트 또는 이미지 변형 처리(회전, 크기 조정, 기울이기, 이동), 다중 열 레이아웃, 미디어 쿼리 등

(학습 영상 공유: css 영상 튜토리얼, 웹 프론트엔드 입문 튜토리얼)

위 내용은 HTML5와 CSS3이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!