• 13888888888
摔角中文,吕程的修真秘籍:4.把他们放在一起
作者:fsdf / 2016-08-14 11:55 / 浏览次数:
5.为新元素编写样式 6.兼容老的浏览器 7.现在你可以使用HTML5了,但你会用么? HTML5有什么不同? 首先,我们通过HTML5表达什么?Firstoff,whatdowemeanbyHTML5?理论上,我们表达所有的事新的语义结构标签,例如canvas或者离线储存等API规范,以及新的内联语义标签。尽管如此,我们把实际的原因(PS:浏览器支持问题)仅仅局限于结构标签。canvas,离线储存,本地视频或者地理定位API都很绝妙,然而他们还不能被所有浏览器一致的支持。 但是等等你说,大多数浏览器也都不支持新的结构元素!这是真的,但他们中的绝大多数将会很乐意去接受你想要创建的任何标签。甚至连IE6也可以处理新标签,尽管如果你想要使用CSS设置样式,你需要一点JavaScript的帮助。 当你对新标签设置样式时,你需要记住一件事,那就是未知标签在大部分浏览器中没有默认样式。他们同时被认为是行级元素。尽管如此,由于大部分HTML5的新标签可以构造,我们将让他们拥有块级元素的行为。解决方法是确认你在CSS样式中包含了display:block;。 为了帮助了解当今HTML5的一些新玩意儿,我们现在就进入正题,开始使用一些新的结构元素。 最终,一个任何人都可以记住的文档类型 我们创建HTML5文档第一件需要做的事情就是使用新的文档类型。现在,如果你还清楚的记得HTML4或者的文档类型,你真是一个比我们更强的淘气鬼。每当我们新建一个页面,我们必须打开一个旧的文件,剪切并粘贴文档类型定义。 这真是痛苦,也是为什么我们喜欢。你准备好了么?他出现了: 不会太难记。简单并且容易理解。不区分大小写。 这个构想是停止HTML版本化,使向后兼容变得更容易。从长远看是否成功是另外的事情,但至少他节省了你输入的平均时间。 最基本语义结构 我们已经将我们的页面定义为HTML5文档。到现在为止,一切都还不错。现在,这些我们已经听说的新标签到底是什么? 在我们钻研新标签前,想想你一般网页的结构,大概像这样: 这对cp10,隋唐演义官网于展示用途很好,但如果我们想要知道一些关于页面元素包含什么的问题,这又怎么办呢? 上面的例子中,我们为我们所有的结构div添加了ID。这在有见识的设计师中是很平常的事。目的有两个方面,首先,ID提供了可以能用于给页面的特殊段落应用样式的锚,其次,ID充当基本的伪语义结构。高明的解析器将会查看标签的ID属性,并尝试去猜测他们的含义,但当每个站点的ID名称不同的时候很难。 这就是新结构标签到来的理由。 当认识到这些ID成为了惯例,HTML5的缔造者们更进一步,使这些元素中的一部分变成他们独立的标签。这儿有一个HTML5中生效的新标签的快速概要: header 头部标签被设计作为关于一个章节或者一整张网页介绍信息的容器。header标签可以包含从你位于大多数页面顶部的典型标志或者标语,到介绍一个章节的标语和开场白的任何东西。如果你还在你的页面里使用divid=header,那可以使用header替换 nav nav元素非常明显,这是你的导航元素。当然什么被算为导航是有一些争议的,有一个基本的站点导航,但一些情况下还可能有页面导航元素。HTML5的缔造者WHATWG最近在修改nav的解释,来表现怎样在同一个页面使用两次。 更多关于nav的信息以及关于HTML5的激烈争论,参见。
【某某业务】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯
热门标签

网站建设 网站托管 成功案例 新闻动态 关于我们 联系我们 服务器空间 加盟合作 网站优化

备案号:琼ICP备xxxxxx号 

公司地址:广东省广州市番禺经济开发区 咨询QQ:88888888 手机:13888888888 电话:020-08980898