前端HTML——meta标签应用和图片样式的拓展

meta标签

1.可以设置字符集

–>
meta charset=“UTF-8”/>

2.还可以用来设置网页的关键字

–>
meta name=“keywords” content=“HTMl5.JavaScript,前端”/>

3. 还可以用来指定网页的描述

搜索引擎在检索页面时，会同时检索页面中的关键字和描述，
但这两个值影响页面在搜索引擎中的排名
–>
meta name=“description” content=“刚刚发布了HTML5信息”/>

4.还可以用来做请求的重定向

meta http—equiv=“refresh” content=“秒数;url=目标路径”/>

–>
meta http—equiv=“refresh” content=“5;url=http://www.baidu.com”/>

图片格式

jpeg（jpg）

• jpeg图片支持的颜色比较多，图片可以压缩，但是不支持透明
• 一般使用jpeg来保存图片等颜色丰富的图片

gif

• gif支持的颜色少，只支持简单透明，支持动态图
• 图片颜色单一或者是动态图时可以使用gif

png

• png支持的颜色多，并且支持复杂的透明
• 可以用来显示颜色复杂的透明图片

图片的使用规则

效果不一致，使用效果好的
效果一致，使用小的