blocks|key|4075855|text|只要你使用html5shiv处理IE，它就会工作得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4075856|浏览器会将所有未知标签(包括HTML5标签)视为普通的内联元素。|4075857|您应该包括以下CSS规则：|4075858|article,+aside,+figure,+footer,+header,+hgroup,
menu,+nav,+section+{+display:+block;+}|code-block|syntax|javascript|4075859|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/html5shiv/^0|5|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>As long as you use <a href="http://code.google.com/p/html5shiv/" rel="noreferrer">html5shiv</a> to handle IE, it will work fine.</p>

<p>The browser will treat all unknown tags (including HTML5 tags) as normal inline elements.<br>
You should include the following CSS rule:</p>

<pre><code>article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
</code></pre>


blocks|key|4075883|text|无论如何，对于表示，你将使用CSS，所以浏览器是否能理解标签本身并不重要。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4075884|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>For presentation you'll use CSS anyhow, so doesn't really matter if browser understands the tag itself.</p>


blocks|key|4075902|text|IE不支持HTML+5标记，标记仍处于非活动状态。要在IE中激活语义HTML5标记，请在head部分中使用以下脚本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4075903||code-block|syntax|javascript|4075904|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>HTML 5 Tags are not supported in IE the tags are still inactive. To activate the semantic HTML5 tags in IE use the following script inside your head section.</p>

<pre><code>&lt;!--[if IE]&gt;
&lt;script type="text/javascript"&gt;
(function(){
var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
for(var i = 0; i &lt; html5elmeents.length; i++){
document.createElement(html5elmeents[i]);
}
}
)();
&lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>


<p>How well do the new layout tags in HTML5 degrade? What are the hazards in using them? (I'm not talking about <code>&lt;video&gt;</code>--I've seen specific fallback code for it).</p>

<p>Specifically, in the case of something like </p>

<pre><code>&lt;html&gt;
&lt;head&gt;&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;
&lt;h1&gt;Talking Dogs&lt;/h1&gt;
&lt;b&gt;&lt;p&gt;Humans aren't the only talkers!&lt;/p&gt;&lt;/b&gt;
&lt;/header&gt;
&lt;article&gt;
&lt;p&gt;Ever encountered a talking dog? I have.&lt;/p&gt;
&lt;p&gt;It all happened one day as I was walking down the street...&lt;/p&gt;
&lt;/article&gt;
&lt;footer&gt;
© 2009 Woofer Dog Corporation
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Would using <code>&lt;header&gt;</code>, <code>&lt;article&gt;</code>, or <code>&lt;footer&gt;</code> cause any browser problems? Do they degrade to <code>&lt;div&gt;</code> in unsupporting browsers automatically? Or if I include them, should I only include them for semantic meaning, and not for CSS styling or DOM scripting?</p>


Degradation issues for HTML5 semantic tags (article, footer, header)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

HTML5中新布局标签的降级效果如何？使用它们有什么危险？(我不是在谈论<video>--我已经看到了它的特定回退代码)。具体地说，就像这样的情况<html><head></head><body><header><h1>Talking Dogs</h1><b><p>Humans aren't the only talk...

问HTML5语义标签(文章、页脚、页眉)的降级问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5语义标签(文章、页脚、页眉)的降级问题EN