html 常见标签及使用场景

h1~h6
h1 代表页面最大的标题
h2 二级标题
h3 更弱的标题

p
段落，大段的文字

a链接
属性：target="_blank" 用心的标签页打开此链接
href="链接的目的地址" htef="#about" l链接到id为about的内容
title=“鼠标放到链接上，文字提示”

div
一大块
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

ul li
无序列表，用于表示并列的内容，可以嵌套
-ol li
有序列表，用于表示带步骤或者编号的并列内容，ol的直接子元素只能是li

  <ol>
     <li>把大象变小</li>
    <li>打开冰箱</li>
    <li>把大象塞进去</li>
  </ol>

dl dt dd
用于展示依稀填列“标题：内容”场景
<dl>
<dt>商品名称:</dt>
<dd>青花瓷</dd>
<dt>特征:</dt>
<dd>白色</dd>
<dd>这是一个年代久远的瓷器，很贵，易碎</dd>
</dl>

strong em span
strong： 强调，加强语气
em：稍微强调一下，比strong弱
span：无特殊意义

iframe
用于嵌入一个页面，注意跨域的操作
<iframe src="http://jirengu.com" name="myPage"></iframe>
<p><a href="http://www.w3cschool.cc" target="myPage">W3Cschool.cc</a></p>

table
用于展示表格，不要用来做布局

meta
告诉浏览器用哪种编码格式去渲染页面，不用浏览器自己猜测，避免出现乱码的问题
'<meta charset="utf-8">'
对于双核浏览器，ie插件，如果是ie浏览器，就用最新的标准渲染页面，如果是chrome内核，就用chrome的标准渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

让移动端合理的展示页面
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

对搜索引擎好处，可以根据关键词搜到此页面
 <meta name="keywords" content="前端 饥人谷">
 <meta name="description" content="最有爱的前端学习社区">