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