>  기사  >  웹 프론트엔드  >  HTML5 브라우저 지원

HTML5 브라우저 지원

(*-*)浩
(*-*)浩원래의
2019-10-23 15:47:352396검색

이전 브라우저에서 HTML5를 처리하도록 도울 수 있습니다.

HTML5 브라우저 지원

HTML5 브라우저 지원

모든 최신 브라우저는 HTML5를 지원합니다. (권장 학습: html 튜토리얼)

또한 이전 브라우저와 새 브라우저를 막론하고 모든 브라우저는 인식할 수 없는 요소를 자동으로 인라인 요소로 처리합니다.

이 때문에 이전 브라우저가 "알 수 없는" HTML 요소를 처리하도록 도울 수 있습니다.

참고: Stone Age IE6에 알려지지 않은 HTML 요소를 처리하는 방법을 가르칠 수도 있습니다.

HTML5 요소를 블록 수준 요소로 정의합니다.

HTML5는 8개의 새로운 의미 HTML 요소를 정의합니다. 모두 블록 수준 요소입니다.

이전 브라우저에서 올바른 동작을 보장하기 위해 CSS 표시 속성을 차단하도록 설정할 수 있습니다.

Example

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

HTML에 새 요소 추가

브라우저 트릭을 통해 HTML에 새 요소를 추가할 수 있습니다. 요소:

이 예에서는 523a75af872c9b7da9495f252f14cbcb라는 새 요소를 HTML에 추가하고 이에 대한 표시 스타일을 정의합니다.

Instance

<!DOCTYPE html>
<html>
<head>
  <title>Creating an HTML Element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  } 
  </style> 
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>

위 내용은 HTML5 브라우저 지원의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.