wulin.com(www.vevb.com)の記事紹介:ブログは長い間HTML5の執筆に切り替えてきましたが、多くのユーザーは最新のブラウザを使用しておらず、HTML4タグセットを使用しています。 HTML5には、セマンティックで実用的な多くのタグがあります。また、一般的に使用されるタグを試してみ始めましたが、今では記事とタイムタグを使用しています。
HTML5は、セクション、NAV、記事、ヘッダー、フッターなど、多くの新しいタグを開発者に提供します。これらのタグは非常にセマンティックであり、頻繁に使用されますが、IE6、IE7、IE8、Firefox 2などの古いブラウザでは認識できず、通常使用します。
昔ながらのブラウザがこれらのタグを認識できないのはなぜですか?
実際、この種のタグはその時代にはまったく存在しなかったため、正しく識別できないため、障害はブラウザではありません。この異常なタグ認識により、DOM構造が異常になります。
次のようにテストコードがあります。これは、タイトルと青い単語を含む記事のコンテンツであり、記事の内容には記事が付いています。
<!doctype html><html xmlns = lang = zh-cn>
<head>
<メタcharset = utf-8 />
<title>テスト</title>
<style>
記事{色:#06f;}
</style>
</head>
<body>
<h1>記事タイトル</h1>
<記事>
これは記事の内容であり、青いテキストの一部である必要があります。古いブラウザでは、ハッキングをしないと、例外が表示されます。
</article>
</body>
</html>
IE8には、以下が表示されます。
IE8は記事タグを認識しておらず、タグに定義されているCSSスタイルには効果がありません。 IE8では、<ports>と< /記事 />という名前の2つの空のタグ要素として解釈されます。これは、下の図に示すように、記事の内容とともに兄弟ノードとしてリストされています。
昔ながらのブラウザでHTML5タグを使用する方法は?
使用できないため、認識できないため、解決策はラベルを識別することです。幸いなことに、単にdocument.createelement(tagname)を使用すると、ブラウザがタグとCSSエンジンを認識してタグの存在を知ることができます。上記の例の<head>領域が次のコードで追加されているとします。
<スクリプト>document.createelement( 'article');
</script>
IE8のDOM説明は、下の図に示されます。
当然、テキストは通常の青でも表示されます。
結論
ブログは長い間HTML5のライティングに切り替えてきましたが、多くのユーザーは最新のブラウザを使用しておらず、HTML4タグセットを使用しています。 HTML5には、セマンティックで実用的な多くのタグがあります。また、一般的に使用されるタグを試してみ始めましたが、今では記事とタイムタグを使用しています。