响应式网站设计（3）-meta标签，条件注释，H5新增标签说明（持续更新中）

版权声明： https://blog.csdn.net/qq_41115965/article/details/81937659

meta标签

在网站制作的时候，我们经常接触meta标签，但是却往往忽略它们，常见的meta标签的意义，说明如下：

    <!--utf-8要最先声明，在head的第一行-->
    <meta charset="UTF-8">
    <!--content="ie=edge"表示强制以最新的IE浏览器模式渲染页面-->
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <!--视口-->
    <meta name="viewport" content="width=device-width,initial-scale=1">

条件注释

gt、gte、lt、lte <=>大于、大于等于、小于、小于等于

<!--[if lte IE8]>
<p class="browserupgrade">你的浏览器版本过低，建议您到<a href="http://browsehappy.com">这里</a>升级浏览器版本，以获取更好的体验</p>
<![endif]-->

H5新增标签

<nav></nav> 导航标签

<article></article> 定义页面独立的内容区域。

<section></section> 定义文档中的节（section、区段）。

<em></em> 被强调的文本

<strong></strong> 重要的文本加粗

<i></i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。