h5 새로운 기능 및 웹 페이지 레이아웃 예
- 零下一度원래의
- 2017-07-26 09:39:452189검색
HTML5란 무엇입니까? HTML5는 차세대 HTML이며 HTML, XHTML 및 HTML DOM의 새로운 표준이 될 것입니다.
HTML5에 설정된 몇 가지 규칙:
새로운 기능은 HTML, CSS, DOM 및 JavaScript를 기반으로 해야 합니다.
외부 플러그인(예: Flash)의 필요성 감소
더 나은 오류 처리
스크립트 대체를 위한 더 많은 마크업
HTML5는 기기 독립적이어야 함
개발 프로세스가 대중에게 투명해야 함
HTML5의 몇 가지 흥미로운 새로운 기능:
그리기용 캔버스 요소
미디어 재생용 비디오 및 오디오 요소
로컬 오프라인 저장소에 대한 더 나은 지원
기사, 바닥글, 머리글, 탐색, 섹션과 같은 새로운 특수 콘텐츠 요소
달력과 같은 새로운 양식 컨트롤 , 날짜, 시간, 이메일, URL, 검색
HTML5 기능:
캔버스, 채널 메시징, 문서 간 메시징, 위치 정보, MathML, 마이크로데이터, 서버 전송 이벤트, SVG(Scalable Vector Graphics), WebSocket API 및 프로토콜, 웹 오리진 컨셉, 웹 스토리지, 웹 SQL 데이터베이스, 웹 워커, XMLHttpRequest Level2
HTML 디자인 철학:
1. 불필요한 복잡성을 피하세요
예:
2. 기존 콘텐츠 지원
3. 실제 문제 해결
4. 진실과 실용주의 추구
5. 부드러운 저하
6 .최종 사용자 우선
간단한 웹 레이아웃
<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title></title><style type="text/css">header,nav,article,footer{border: solid 1px #666;padding: 10px;margin: 6px;}
header
{width: 500px;}nav{float: left;width: 60px;height: 100px;}
article{float: left;width: 406px;height: 100px;}
footer{clear: both;width: 500px;}</style></head><body><header>导航</header>
<nav>菜单</nav>
<article>内容</article><footer>
底部说明</footer></body>
</html>
위 내용은 h5 새로운 기능 및 웹 페이지 레이아웃 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.