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>document.createElement("myElement") は、IE ブラウザーに新しい要素を追加します。
Internet Explorerブラウザの問題
上記の方法を使用してブラウザに新しい要素を追加できますが、IE8以下のバージョンはこの方法をサポートできません。
この問題を解決するには、Sjoerd Visscher によって作成された「HTML5 有効化 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]-->
上記のコードの機能は、IE ブラウザーのバージョンが IE9 より小さい場合に html5 を読み取ることです。 .js ファイルを取得して解析します。前者は国内の Google リソース、後者は国内の Baidu リソースです。
以下は html5shiv ソリューションの使用例です:<!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 中国語 Web サイトの他の関連記事を参照してください。
ホット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
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
1666
14
1425
52
1325
25
1273
29
1252
24
OUYI Exchange OUYI Exchange登録チュートリアルでアカウントを登録する方法
Apr 24, 2025 pm 02:06 PM
OUYIアカウントを登録する手順は次のとおりです。1。有効な電子メールまたは携帯電話番号を準備し、ネットワークを安定させます。 2。OUYIの公式ウェブサイトにアクセスしてください。 3.登録ページを入力します。 4.電子メールまたは携帯電話番号を選択して、情報を登録して入力します。 5。検証コードを取得して入力します。 6。ユーザー契約に同意します。 7.登録を完了してログインし、KYCを実行してセキュリティ対策を設定します。
Apple携帯電話用のOUYI Exchangeアプリの公式Webサイトをダウンロードする
Apr 28, 2025 pm 06:57 PM
OUYI Exchangeアプリは、Apple携帯電話のダウンロードをサポートし、公式Webサイトにアクセスし、「Apple Mobile」オプションをクリックして、App Storeに入手してインストールし、登録またはログインして暗号通貨取引を実施します。
H5とHTML5の接続：類似性と相違点
Apr 24, 2025 am 12:01 AM
H5とHTML5は異なる概念です。HTML5は、新しい要素とAPIを含むHTMLのバージョンです。 H5は、HTML5に基づくモバイルアプリケーション開発フレームワークです。 HTML5はブラウザを介してコードを解析およびレンダリングしますが、H5アプリケーションはコンテナを実行し、JavaScriptを介してネイティブコードと対話する必要があります。
バイナンスダウンロードリンクバイナンスダウンロードパス
Apr 24, 2025 pm 02:12 PM
Binanceアプリを安全にダウンロードするには、公式チャネルを通過する必要があります。1。Binance公式Webサイトにアクセスして、アプリをダウンロードするポータルを見つけてクリックします。3。
セサミオープンドア公式ウェブサイトエントランスセサミオープンドア公式最新の入り口2025
Apr 28, 2025 pm 07:51 PM
Sesame Open Doorは、暗号通貨取引に焦点を当てたプラットフォームです。ユーザーは、公式ウェブサイトまたはソーシャルメディアを介してポータルを取得して、アクセス中にSSL証明書とWebサイトコンテンツの信頼性が検証されるようにすることができます。
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を実行してセキュリティ対策を設定することをお勧めします。
オンチェーントランザクションとは何ですか？グローバルトランザクションは何ですか？
Apr 22, 2025 am 10:06 AM
EU MICAコンプライアンス認定、50のFIAT通貨チャネル、コールドストレージ比95％、およびセキュリティインシデントレコードがゼロをカバーしています。米国SECライセンスプラットフォームには、98％のコールドストレージ、機関レベルの流動性、大規模なOTCとカスタムオーダー、およびマルチレベルのクリアリング保護をサポートするFIAT通貨の便利な直接購入があります。
