一.前言 本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main   三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签…
HTML5定义了一系列新元素,如新语义标签.智能表单.多媒体标签等. 我们日常讨论的H5其实是一个泛称,它指的是由HTML5 + CSS3 + Javascript等技术组合而成的一个应用开发平台. 语义化标签:如<p>表示一个段落.<ul>表示一个无序列表<h1> ~ <h6>表示一系列标题等,在此基础上HTML5增加了大量更有意义的语义标签,更有利于搜索引擎或辅助设备来理解HTML页面内容. 常用语义标签: <nav> :导航 <hea…
Web语义化就是html告诉我们也告诉机器这一块是什么内容,例如:“这行是一个标题,这几行组成一个段落,这是一个列表,那是一个链接.”   Web语义化有三个阶段: 1.h1~h6.thead.ul.ol等HTML标签.这些标签用于在Web页面中组织对应的内容,如网页标题.表头.无序.有序列表,以达到更方便的协作及传播互联网内容.搜索引擎很好的利用了这些语义化标签抓取内容. 2.随着Web的发展,起初定义的HTML语义化标签,不足以实现对Web页面各个部分的功能或位置描述,比如我们用div来表示…
一. <canvas>简介(了解) 1. 什么是canvas: 是HTML5提供的一种新标签 <canvas></canvas>  英 ['kænvəs]  美 ['kænvəs]   帆布 画布 Canvas是一个矩形区域的画布,可以用JavaScript在上面绘画.控制其每一个像素. canvas 标签使用 JavaScript 在网页上绘制图像,本身不具备绘图功能. canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. HTML5之前的web页面只…
一.布局的理解误区 网络上流行管新型的布局方式叫“DIV+CSS”,其实是一个错误的理解,导致了很多人过度依赖与滥用DIV标签, HTML提供了我们一共七八十个标签,其中常用的有三十个左右,DIV不过是一个相对的空标签而已,在很多情况下,我们可以使用其他更合适且更简洁的标签可以替代它. 二.标签的差异 共性:都是一个容器,可以在其中放置内容 差异:分为行内和块级两个大类,且不同便签有相应含义上的预设,如:h-标题,p-段落,a-链接,等等 三.标签语义化的好处 a.让结构更简洁,让搜索引擎更友好…
header,section,footer,aside,nav,main,article,figure 在使用的时候,需要先把这个元素变为块级元素,确保在老的浏览器里面可以使用.因为在浏览器检测到未知的标签时,会自动识别为行内元素. 初始化语句: header,section,footer,aside,nav,main,article,figure{ display:none; } 这几个元素在h5里面是作为块级元素存在的. 在html5里面还可以自己创建一个标签,用:document.crea…
sections部分 (http://www.w3.org/TR/html5/sections.html) 标签:article article标签用来表示页面中一段完整的可以自我包含的片段,具有可重用的特性.可以是一条贴子.杂志或报纸的文章.一篇博客.一条用户提交的评论,也可以是一个可交互的组件,甚至可以是任意独立的内容条目. article标签是可以嵌套使用的,比如一篇文章之后的评论就可以嵌套放在表示文章的article元素之内. 范例: <article> <header>…
html5shivehtml5shiv主要IE6-8解决:1,HTML5提出的新的元素不被IE6-8识别.2,这些新元素不能作为父节点包裹子元素,3,并且不能应用CSS样式.让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现.<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">…
过去:<div class="header"> <div class="hgroup"> <h1>....</h1> <h2>....</h2> </div> <div class="nav"> <ul> <li>....</li> <li>....</li> <li>....&l…
在HTML5之前,使用机器来阅读一个网页是非常困难的,我们使用不同样式的div来标记不同的内容,所以实际上机器无法得知页面的哪个部分是正文,哪个部分是标题,那么在HTML5里,针对这个问题就引入了语义化的概念,同时提供了新的标签来指定对应的内容类型. 语义化的好处 语义化的html只用来搭建网页的结构,去掉css后,网页结构不会变: 屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页: 搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重: 你的页面是否对爬虫容易理解非常重要,因…