HTML基础-12

px和em介绍

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

行高给当前元素设置PX按照px计算，如果设置2em, 200%, 2 那么 标签的高度 = 行高 *文字大小  
如果给父元素设置行高 设置px按照px计算，如果设置 2em , 200% 那么标签高度 = 父元素文字大小 * 行高， 如果设置2 （不带单位的），那么 标签的高度 =  行高 * 子标签的文字大小

语义标签

 语义化的标签，旨在让标签有自己的含义。
     div , span    语义性,缺失. 

 网页结构是合理   
 推荐多使用语义标签
 p,ul,ol,dl,h1.....

H5中新增了几个结构语义标签

   <nav></nav>  ----表示导航区域

   <header></header>  --- 表示网页中头部

   <footer></footer>  --- 表示网页底部

   <article></article>  --- 表示文章

   <aside></aside>   --- 侧边栏区域
   
   <section></section>   ---- 区域,块

   ...

H5语义标签兼容性处理:

通过js处理

完美的处理方式:
<!--[if lte IE 8]>
	<script type="text/javascript"  src="html5shiv.js">
	</script>
<![endif]-->

或者
<!--[if lte IE 8]>
	<script type="text/javascript">				
			//通过js代码创建一个语义标签
			document.createElement("nav");
	</script>
<![endif]-->

或者下载 html5shiv.js