好东西不私藏,大家一起分享!爱站云 用心做
广告位 后台主题配置管理

网站首页 爱站云资源网 技术教程 正文

HTML5的初级技巧 之第三课

梦哥 2019-02-13 技术教程 0 评论

9. 本地存储


HTML5的本地存储功能,可以让现代浏览器“记住”我们输入的,就算浏览器关闭和刷新也不会受影响。虽然这个功能有些浏览器不支持,但是IE8, Safari 4, 还有 Firefox 3.5还是支持这个功能的,你可以测试下。


.

10. 更有语义的header和footer


下面的代码在HTML5中将不复存在


<div id=header>

...

</div>

<div id=footer>

...

</div>


通常我们都会给header和footer定义一个div,然后再添加一个id,但是在HTML5中可以直接使用<header>和<footer>标签,所以可以将上面的代码改写成:


<header>

...

</header>

<footer>

...

</footer>


要注意不要将这两个标签和网站的头部和页脚混淆起来,它们只是代表它们的容器。


11. IE对HTML5的支持


IE浏览器目前对HTML5的支持并不好,也是阻碍HTML5的更快普及的一大绊脚石,不过,IE9对HTML5的支持度还是很不错的。


IE把HTML5新增的标签都解析成内联元素,而实际上它们是块级元素,所以有必要为它们定义一个样式:


header, footer, article, section, nav, menu, hgroup {

*: block;

}


尽管如此,IE还是不能解析这些新增的HTML5标签,这个时候就需要借助javascript来解决这个问题:


document.c

reateElement(“article“);

document.*Element(“footer“);

document.*Element(“header“);

document.*Element(“hgroup“);

document.*Element(“nav“);

document.*Element(“menu“);


< 爱站云SEO >
本站所有文章,未经允许一律不允许转载,违者后果自负
本站为SEO教学博客,学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站部分文章存在于网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:207385345  官方QQ群:333914614


猜你喜欢

本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

温馨提示:(登陆后才可以评论哦!点我QQ登录哦,若已登录请忽略)。
搜索
标签列表
关于我们
本人提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
联系我们:给我发QQ消息  加入QQ群
爱站云安全认证