HTML5 브라우저 호환 솔루션에 대한 자세한 설명
현재 대부분의 브라우저는 HTML5를 지원합니다. 그러나 일부 하위 버전 브라우저에서는 HTML5 지원에 몇 가지 문제가 있습니다.
낮은 버전의 브라우저는 HTML5
모든 브라우저를 지원하며, 인식되지 않는 요소는 자동으로 인라인 요소로 처리됩니다. 따라서 다음 방법을 사용하여 브라우저가 "알 수 없는" HTML 요소를 처리하도록 가르칠 수 있습니다.
HTML5 요소를 블록 요소로 정의
HTML5는 8개의 새로운 HTML 의미 요소를 정의합니다. 이 모든 요소는 블록 수준 요소입니다.
이전 버전의 브라우저에서 이러한 요소를 올바르게 표시하려면 CSS display 속성을 값 블록에 설정하세요.
header, section, footer, aside, nav, main, article, figure { display: block;
}새 항목 추가 HTML 요소
다음 예에서는 HTML에 새 요소를 추가하고 요소의 스타일을 정의합니다. 요소 이름은 <myElement>
<!DOCTYPE html><html><head><meta charset="utf-8">
<title>为 HTML 添加新元素</title>
<script>document.createElement("myElement")</script>
<style>
myElement{
display: block;
background-color: #ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<myElement>我的第一个新元素</myElement>
</body>
</html>Sjoerd Visscher가 만든 "HTML5 Enabling
JavaScript", "shiv"를 사용하여 이 문제를 해결할 수 있습니다.
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渲染 HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"> </script> <![endif]--></head><body><h1>我的第一个HTML5页面</h1> <article>Hello，world！</article> </body> </html>
위 내용은 HTML5 브라우저 호환 솔루션에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
Ouyi Exchange Ouyi Exchange 등록 자습서에 계정을 등록하는 방법
Apr 24, 2025 pm 02:06 PM
OUYI 계정을 등록하는 단계는 다음과 같습니다. 1. 유효한 이메일 또는 휴대폰 번호를 준비하고 네트워크를 안정화시킵니다. 2. Ouyi의 공식 웹 사이트를 방문하십시오. 3. 등록 페이지를 입력하십시오. 4. 정보를 등록하고 작성하려면 이메일 또는 휴대폰 번호를 선택하십시오. 5. 검증 코드를 얻고 입력하십시오. 6. 사용자 계약에 동의합니다. 7. 등록 및 로그인을 완료하고 KYC를 수행하고 보안 조치를 설정하십시오.
Apple 휴대 전화 용 Ouyi Exchange 앱의 공식 웹 사이트 다운로드
Apr 28, 2025 pm 06:57 PM
Ouyi Exchange 앱은 Apple 휴대 전화 다운로드를 지원하고, 공식 웹 사이트를 방문하고, "Apple Mobile"옵션을 클릭하고, App Store에 입력하고 설치하고, Cryptocurrency 거래를 수행하려면 등록 또는 로그인합니다.
참깨 오픈 도어 공식 웹 사이트 입구 참깨 오픈 도어 공식 최신 입구 2025
Apr 28, 2025 pm 07:51 PM
참깨 오픈 도어는 암호 화폐 거래에 중점을 둔 플랫폼입니다. 사용자는 공식 웹 사이트 또는 소셜 미디어를 통해 포털을 얻을 수있어 액세스 중에 SSL 인증서 및 웹 사이트 컨텐츠의 진위가 확인되도록 할 수 있습니다.
Binance 다운로드 링크 Binance 다운로드 경로
Apr 24, 2025 pm 02:12 PM
Binance 앱을 안전하게 다운로드하려면 공식 채널을 살펴 봐야합니다. 1. Binance 공식 웹 사이트를 방문하십시오. 2. 앱 다운로드 포털을 찾아서 클릭하십시오.
OUYI 공식 웹 사이트 입구 OUYI 공식 최신 입구 2025
Apr 28, 2025 pm 07:48 PM
공식 입구에 액세스 할 수 있도록 Okex와 같은 신뢰할 수있는 거래 플랫폼을 선택하십시오.
참깨 오픈 교환에 계정을 등록하는 방법은 무엇입니까? 참깨 오픈 교환 등록에 관한 튜토리얼
Apr 24, 2025 pm 02:00 PM
참깨 도어 오픈 계정을 등록하려면 7 단계가 필요합니다. 1. 유효한 이메일 또는 휴대폰 번호와 안정적인 네트워크를 준비하십시오. 2. 공식 웹 사이트를 방문하십시오. 3. 등록 페이지를 입력하십시오. 4. 등록 방법을 선택하고 작성하십시오. 5. 검증 코드를 얻고 입력하십시오. 6. 사용자 계약에 동의합니다. 7. 등록 및 로그인을 완료하면 KYC를 수행하고 보안 조치를 설정하는 것이 좋습니다.
Binance 공식 웹 사이트 입구 Binance 공식 최신 입구 2025
Apr 28, 2025 pm 07:54 PM
Binance 공식 웹 사이트를 방문하여 HTTPS 및 Green Lock 로고를 확인하여 피싱 웹 사이트를 피하면 공식 응용 프로그램에도 안전하게 액세스 할 수 있습니다.
HTML5 : 표준과 웹 개발에 미치는 영향
Apr 27, 2025 am 12:12 AM
HTML5의 핵심 기능에는 시맨틱 태그, 멀티미디어 지원, 오프라인 저장 및 로컬 스토리지 및 형태 향상이 포함됩니다. 1. 코드 가독성 및 SEO 효과를 향상시키는 시맨틱 태그 등. 2. 레이블로 멀티미디어 임베딩을 단순화하십시오. 3. ApplicationCache 및 LocalStorage와 같은 오프라인 스토리지 및 로컬 스토리지는 네트워크없는 작동 및 데이터 저장을 지원합니다. 4. 양식 향상은 처리 및 검증을 단순화하기 위해 새로운 입력 유형 및 검증 속성을 도입합니다.
