HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 让Safari识别HTML 5大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
似乎一些相当新版本的Safari不支持< main> HTML5元素. (我已经在SNow Leopard上测试了Safari 5.1.9,到目前为止在IOS 4上运行了移动Safari).有没有办法让Safari识别< main>元素(像一个shiv)?

我把下面的一些示例代码放在一起.在受影响的Safari版本中查看绿色< main>框没有出现,如果我要添加更多文本,它将流出< main>元素就好像它甚至不存在一样.

HTML:

<body>
    <main>
        <nav id="bar"></nav>
        <p>Lorem Ipsum</p>
    </main>
</body>

CSS:

@H_16_6@main{ width:800px; height:800px; BACkground-color:#0C0; } #bar{ width:300px; height:400px; float:left; BACkground-color:#09F; }

解决方法

大多数浏览器显示未知元素,就好像它们是显示的一样:认情况下是内联的,所以在某个地方弹出这个CSS应该这样做: @H_16_6@main { display: block; }

例如.

@H_16_6@main { display: block; width: 800px; height: 800px; BACkground-color: #0C0; }

> http://jsfiddle.net/PeF8u/ – 绿色区域不可见
> http://jsfiddle.net/PeF8u/1/ – 绿色区域可见

(我在Mountain Lion上的Safari 6.0.5中测试过.)

Sitepoint对< main>进行了很好的记录.元素:http://www.sitepoint.com/html5-main-element/

还有一个很好的Stack Overflow答案,它以一般方式描述了如何在旧版浏览器中使用新的HTML5元素(对于某些“工作”的定义):https://stackoverflow.com/a/13949253/20578

大佬总结

以上是大佬教程为你收集整理的html5 – 让Safari识别HTML 5全部内容,希望文章能够帮你解决html5 – 让Safari识别HTML 5所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。