一.兼容前缀+兼容写法 兼容前缀 1.HTML5有部分类容兼容到IE9,IE8及以下完全不兼容的内容不再考虑. 2.部分内容需要加兼容前缀 a)     -webkit- 兼容谷歌 b)     -moz- 兼容火狐 c)     -o- 兼容欧朋 d)     -ms- 兼容IE e)     例子:-webkit-样式属性 3.兼容性查询网站: http://caniuse.com 兼容写法 IE版本:如果小于等于IE 9 就执行if语句里面的代码 ( It小于 lte小于等于) 二.结构性…

一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上述缺点,HTML5新增了很多新的语义化标签. 二.引入语义化标签的优点 引入语义化标签的好处主要有下列三点: 比<div>标签有更加丰富的含义,方便开发与维护 搜索引擎能更方便的识别页面的每个部分 方便其他设备解析(如移动设备.盲人阅读器等) 三.标签详解 所谓语义化标签就是一种我们仅通过标签名就…

一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上述缺点,HTML5新增了很多新的语义化标签. 二.引入语义化标签的优点 引入语义化标签的好处主要有下列三点: 比<div>标签有更加丰富的含义,方便开发与维护 搜索引擎能更方便的识别页面的每个部分 方便其他设备解析(如移动设备.盲人阅读器等) 三.标签详解 所谓语义化标签就是一种我们仅通过标签名就…

什么是语义化标签 语义化标签就是具有某种含义及结构的标签,让其更容易理解和使用. HTML5 新增了一些语义化标签,如下: article article 标签装载显示一个独立的文章内容.例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章,一个用户评论等等. artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系.例如,一个博客文章,可以用article显示,然后一些评论可以以article的形式嵌入其中. <article> <h1>文章标题<…

解决方案:IE9以下旧版本浏览器不支持新的语义化标签.其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样.(放在header部位) <script> var html5Tags=['header' ,'footer','article','nav' ,'section','aside'] for(var i=0;i<html5Tags.length;i++){ document.createElement(html5Tags[i]); } </script>…

在HTML5中最基础也是比较好理解的也就是语义化标签了,,顾名思义语义化也就是可以直接读懂的标签~,这样我们在项目开发过程中不但自己不会因为5花8门的标签命名而伤脑筋,跟同事对接项目也会节约很多时间~~  谁不想简单轻松一些呢... 语义化标签有2种,一种是单纯语义化的,无功能,二种是语义化,且有功能的. 一:无功能,语义化标签 1.1 - <header></header> SM:也就是我们的头部标签, 一般用于网站头部内容 1.2  <footer></foo…

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.HTML5简介…

1.语义化标签总结 基础布局标签 <header></header> <nav></nav> <main></main> <aside></aside> <article></article> <footer></footer> 注意:IE8以后不兼容H5标签,如果需要兼容IE8一下的浏览器,则需要如下操作: 如果在sublime,或者WebStrom使用 可是使…

1.知识点 lang = “en”   所用语言是英文 文档结构更简洁 IE8一下不支持h5c3 书写更宽松 div没有语义 标签语义化:在合适的地方使用合适的标签 对seo优化友谊 网页经典布局 页头.导航.主题(左右).页尾 max-wifth.min-width:最大最小宽度 <!-- 头部 -->
 <div class="header">
 <ul class="nav"></ul> 
 </div&g…

Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排 一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍性的信息如网站名称.logo或者导航栏nav. <header> <h1>html5语义化标签</h1> <nav> <h1>导航</h1> <ul> <li>章节标签</li> <li>标…