努力学习 HTML5 （4）—— 浏览器对语义元素的支持情况

【努力学习 HTML5 （4）—— 浏览器对语义元素的支持情况】的更多相关文章

努力学习 HTML5 （4）—— 浏览器对语义元素的支持情况

经过上一节学习,我们已经建立一个结构良好的页面,如果在旧版的 IE 浏览器中浏览可能这些语义元素无法显示. 毕竟这些语义元素什么也不做,要支持它们,只要让浏览器把它们当做普通的 <div> 元素就行了.为此我们要做的就是为它们添加点样式规则.之后就可以得到超级可靠的语义元素了,即使使用10年前的浏览器也可以正常浏览. 为语义元素添加样式浏览器遇到不认识的元素时,会把它们当做内联(inline)元素.大多数 HTML5 语义元素都是块级元素. 因此我们添加一条超级规则,为9个 HTML5 元素…

努力学习 HTML5 （2）—— 元素的增和删

HTML5 放松了某些规则,HTML5 的制定者想让这门语言更紧密地反映浏览器的现实. 放松的规则不要求包含 <html>.<head> 和 <body> 元素. 不区分大小写. 允许省略关闭空元素,例如 <img>.<br> 或者 <hr>. 属性值可以不加引号,只有属性名没有属性值也可以. 如果能做到以下几点,就算是良好的 HTML5 风格了. 包含可选的<html>.<head> 和 <body&…

HTML5学习笔记（四）语义元素

语义元素能够清楚的描述其意义给浏览器和开发者. 无语义元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容. HTML5 提供了新的语义元素来明确一个Web页面的不同部分: <header> 头部,可以使用多个<header> 元素. <nav> 导航链接 <section> 定义文…

努力学习 HTML5 （3）—— 改造传统的 HTML 页面

要了解和熟悉 HTML5 中的新的语义元素,最好的方式就是拿一经典的 HTML 文档作例子,然后把 HTML5 的一些新鲜营养充实进入.如下就是我们要改造的页面,该页面很简单,只包含一篇文章. ApocalypsePage_Original.html,这是一个格式非常规范的页面,所有的样式均来自于外部样式表. <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8…

努力学习 HTML5 （1）—— 初体验

HTML5 代表未来:W3C ( World Wide Web Consortium, 万维网联盟) 已经放弃 XHTML,从而使 HTML5 成为正式标准并得到认可. 最简单的 HTML5 文档 <!doctype html> <title>A Tiny HTML Document</title> <p>Let's rock the browser, HTML5 style.</p> 只包含一行文本的超简单的 HTML5 文档,它在浏览器中效果…

JavaScript快速检测浏览器对CSS3特性的支持情况

项目中使用动画效果在IE9下不支持,所以写了个判断浏览器是否支持动画的函数,进而扩展到下面判断浏览器支持任一特定CSS3属性的函数. function supportAnimation(){ var domPrefixes = 'webkit Moz o ms Khtml'.split(' '), len = domPrefixes.length, htmlStyle = document.documentElement.style; if(htmlStyle.animationName !==…