HTML5增加了更多语义化的标签,如header,footer,nav……让我们在页面编写的时候,不需要再用下面这种方法去布局了:
而可以用这样的方式去布局:
但是IE不向前支持,所以我们想让它支持IE6,7,8需要在js和css里增加一点小代码,如下:
css:
header,content,footer{display:block}
以上的意思就是自定义一个标签为header并将其设为块状显示,下面附上完整代码吧:
接着说些无关的吧,为什么要语义化去写html呢?
首先,代码易于阅读,当别人看你代码的时候,一眼就能明白;其次,有利于SEO,搜索引擎的爬虫很大程度上会忽略用于表现的标记,而只注重语义标记。
所以,赶快开始用语义化标签去写你的HTML吧,何况这也不难,对吧?
附1:
以上这篇使用语义化标签去写你的HTML 兼容IE6,7,8就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
原文地址:http://www.cnblogs.com/shouce/p/5385701.html
最近在学习jQuery时接触到了show()、hide()、toggle()函数,于是利用这几个函数...
详解Spring Controller autowired Request变量 spring的DI大家比较熟悉了,对于...
在Asp.net Core之前所有的Action返回值都是ActionResult,Json(),File()等方法返...
多年以后,面对台下五彩斑斓的Jetbrain和Vscode用户,这位曾经的资深的vim追随者...
大家好我是爱景甜的网工我是一个思科出身专注于华为的网工 好了话不多说进入正题...
1 概述 在接下来的时间里,将会入手ASP.NET MVC这一专题,尽量用最快的时间,最...
git clone支持https和git(即ssh)两种方式下载源码: 当使用git方式下载时,如...
在新的MySQL 8.0.23中,引入了新的有趣功能:不可见列。 这是第一篇关于这个新功...
一个常见的场景,获取:标签背景图片链接: 如字符串:var bgImg = "url (\" htt...
需要注意的是,调用的封装的数据库,和jQuery的保存地址 一、注册 (1)写文本框...