标签的语义性
div标签的局限
div(divistion)是块、区域的意思
在html里，div是负责划分大块区域
div是没有“语义性”的
div和h1标签放在一块比较最为典型
<div>hello world</div>
<h1>hello world</h1>
两者的显示效果不一样，h1里面的文字大
原因就在于，div仅用来划区域，至于里面的内容，是标题还是段落分析不出来
而且对文字的颜色、粗细、大小等并没有影响。
因此，我们说div是没有语义性的，无语义标签
但是对于搜索引擎来说，如果全用div不利于seo的优化以h1为例，h1里面的文字会被搜索引擎作为分析页面内容时的重要参考，因为h1代表“1号大标题”，有其意义，有语义性
- p:段落
- h(1-6)：1-6号标题，文字越来越小
- pre:保持源码的原样格式输出
有一些内容类型，是div表达不出来的
比如 要求你在页面內引入超链接、引入一副图片、一个flash或者一段视频
a 超链接，用法<a href="" title="" target="">文字或图片</>
img引入图片，用法<img src="xxx.gif" alt="图片的文字标签" title="提示文字"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style title="text/css">
</style>
</head>
<body>
<div>
<h1>12121会晤奥巴马</h1>
<p>p标签锻炼，一般用在文章的锻炼中，<br />
一篇文章，如果分为很多段，那么每段，建议用P标签来表达
</p>
<p>而h1代表1号大标题--最大</p>
<p>还有h2到h6，2、3、4、5、6号标题，
<br />
文字由大到小
<br />
但h3以下就很少用了
</p>
<h2>我是2号标题</h2>
<h3>我是3号标题</h3>
<h4>我是4号标题</h4>
<h5>我是5号标题</h5>
<h6>我是6号标题，非常小</h6>
<h3>如果你想发代码，或者是想保持源码同样的效果，那么可以用pre标签原样输出</h3>
<pre>
$age = 20;
for($i=1;$i<100;$i++){
echo $i;
}
</pre>
</div>
<div>
<p>本页面正在学习html标签，如果有任何问题，请单击
<a href="http://www.baidu.com">百度</a>
</p>
<p>超链接默认是替换本页面，也可以打开新页面
<a href="http://www.baidu.com" target="_blank" >百度</a>
</p>
<p>我们还可以给超链接加一个提示效果，用title来实现，鼠标放在超链接上时，就会有一个提示效果
<a href="http://www.baidu.com" title="你马上就要去百度">百度</a>
</p>
</div>
<div>
<div>
<h1>标题</h1>
<p>内容</p>
想配一张图片
<img src="http://ww4.sinaimg.cn/bmiddle/b0f11a02jw1e2w0dtl2fmj.jpg" />
</div>
<p>
加alt的作用：<br />
1、如果图片丢失或者图片太大导致图片没能正常显示，alt的值就会体现出来<br />
2、对于搜索引擎来说，alt是提示图片信息的重要内容<br />
3、图片不加alt是不合规范的<br />
如果想让鼠标放在图片上有提示文字，我们用title来完成
<img src="http://ww4.sinaimg.cn/bmiddle/b0f11a02jw1e2w0dtl2fmj.jpg" alt="这是一张图片" title="鼠标放上有文字"/>
</p>
<h2>网页里面可以嵌入多媒体，如swf,wmv</h2>
<p>一种固定的嵌入代码</p>
<object type="application/x-shockwave-flash" data="xxx.swf" width="400" height="300">
<param name="movie" value="xxx.swf" />
</object>
/*data与value的值是一样的，都是视频地址*/
</div>
</body>
</html>
/**
燕十八 公益PHP培训
课堂地址:YY频道88354001
学习社区:www.zixue.it
**/
