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="最有爱的前端学习社区">
html 常见标签及使用场景
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 源自SeeYouBug博客 地址为：http://www.cnblogs.com/SeeYouBug 一、HTML...
