w3school在线教程
HTML 基础教程HTMLXHTMLHTMLFormsHTML GraphicsHTML MediaHTML5HTMLAPI 示例/测验/摘要HTML 参考指南
网站建设者指南关于 W3School帮助 W3School
HTML5 浏览器支持
您可以帮助旧版浏览器处理 HTML5。
HTML5 浏览器支持
所有现代浏览器都支持 HTML5。
据悉,所有浏览器,无论新旧,都会手动将无法识别的元素视为内联元素。
正因为如此,您可以帮助旧版浏览器处理“未知”的 HTML 元素。
注意:您甚至可以了解石器时代 IE6 如何处理未知的 HTML 元素。
将 HTML5 元素定义为块级元素
HTML5 定义了八个新的语义 HTML 元素。 全部都是块级元素。
您可以将 CSSdisplay 属性设置为阻止,以确保旧版浏览器中的正确行为:
例子
header, section, footer, aside, nav, main, article, figure { display: block; }
向 HTML 添加新元素
您可以通过浏览器技巧向 HTML 添加任何新元素:
此示例向 HTML 添加一个新元素并为其定义显示样式:
例子
Creating an HTML Element document.createElement("myHero") myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; }My First Heading
My first paragraph.
My First Hero
自己尝试一下
添加了 JavaScript 语句 document.createElement("myHero"),仅适用于 IE。
Internet Explorer 的问题
上述方案适用于所有新的 HTML5 元素html5与浏览器兼容,并且:
注意:Internet Explorer 8 及更早版本不允许向未知元素添加样式。
幸运的是,SjoerdVisscher 创建了“HTML5EnablingJavaScript”、“theshiv”:
上面的代码是注释,早期版本的 IE9 会阅读它(并理解它)。
完整的 Shiv 解决方案示例
Styling HTML5 My First Article
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
自己尝试一下
引用 shiv 代码的链接必须位于元素内,因为 Internet Explorer 需要先了解所有新元素,然后才能读取它们。
HTML5骨架实例
HTML5 Skeleton body {font-family: Verdana, sans-serif; font-size:0.8em;} header,nav, section,article,footer {border:1px solid grey; margin:5px; padding:8px;} nav ul {margin:0; padding:0;} nav ul li {display:inline; margin:5px;}HTML5 SKeleton
Famous Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Paris
Paris is the capital and most populous city of France.
Tokyo
Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.
自己尝试一下
HTML 参考指南HTML 示例HTML 测验
W3School繁体英文版提供的内容仅用于培训和测试html5与浏览器兼容,不保证内容的正确性。 使用本网站内容所产生的风险与本网站无关。 版权所有。 版权所有。
发表评论