<!DOCTYPE html><html> <head> <!-- HTML5中浏览器兼容(较低版本的IE浏览器不支持H5的布局):需要在<head>中加入 <!-[if lt IE9]><script src="html5.js"></script><![endif]->(html5.js是外部引入文件), 在head中的<style></style>中加入s…
看某教程,说让HTML5的这些语义标签能够兼容低版本的浏览器,原文是“你可以设置css的display属性为block”.很好理解,就设置css样式为block嘛,那就直接设置咯: header, section, footer, aside, nav, main, article, figure { display: block; } <body> <header>header元素</header> <section>section元素</secti…
2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,html5的标准规范终于制定完成.这是互联网的一次重大变革,这也许是一个时代的来临! 总结一些h5新增的语义化标签,记录下来方便自己学习及使用: 1.<header></header> 页眉:主要用于页面的头部的信息介绍,也可用于板块头部: 2.<hgroup></hgroup> 页面上的一个标题组合:一个标题和一个子标题,或者标语的组合: 3.<nav></nav> 导…
一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签,之前都是用div实现的,为了语义化,html5从div派生出很多新的标签.这些新增的结构标签有助于将文档分成几个逻辑部分.如下: a.section标签 表示页面中的一个独立内容区块,里面有自己的大纲结构,比如章节,页眉,页脚或页面的其他部分.就是说section可以包含h1.h2...h6标签,表…
在html5中,新增了几个语义化标签:<article>.<section>.<aside>.<hgroup>. <header>,<footer>.<nav>.<time>.<mark>.<figure> 和<figcaption>等. 1.什么是HTML语义化? 通过标签判断内容语义,例如根据h1标签判断出内容是标题,根据<p>判断内容是段落.<inpu…
HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5. 好吧!大前端今天的主题是:HTML5 Shiv 下面是引用Google的html5.js文件,好处就不说了: <!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></scrip…
html5新增加了一些语义元素,如header, footer, nav, aritcle, aside,等等. 然而,有些老款浏览器无法识别这些元素,会把它们当成 inline 元素对待,这会导致一些相当严重的样式问题. 解决办法:把这些语义元素全部声明为 块级(block)元素 header,footer,nav,article,aside,section{ display:block; } 如果要兼容 ie9 之前的 ie 版本,还需要在文档中添加一点 javascript: docume…
我们所说的H5就是我们所说的HTML5中新增的语言标准 一.音频标签 在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中 格式: <audio autoplay controls loop > 降级的文字说明(当音频文件不能本浏览器解析时显示此文字) <source src="格式1路径" > <source src="格式1路径" > ........... </ audio> a…
总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可. (2)formaction属性:HTML5给提交按钮(如button.submit.image等)增加了formaction属性,以便提交到不同的服务器地址. <input formaction="new.html" type="submit"…
总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可. (2)formaction属性:HTML5给提交按钮(如button.submit.image等)增加了formaction属性,以便提交到不同的服务器地址. <input formaction="new.html" type="submit"…