零基础学Web 03 （meta元素相关知识）

最新推荐文章于 2021-10-09 17:24:03 发布

Rashore

最新推荐文章于 2021-10-09 17:24:03 发布

阅读量177

点赞数

分类专栏： web零基础学习文章标签： html javascript css

本文链接：https://blog.csdn.net/ruoruoruo666/article/details/115558369

版权

web零基础学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

零基础学Web 03

引入：为什么有时候打开网页是一段乱码，其实这是因为编码问题，因为我们的源代码保存的形式是utf-8的格式，但往往有时候会被浏览器以ANSI的格式进行解析。编码问题曾经困扰了无数的工程师，但在今天我们只需要记得：
1、将源文件保存为UTF-8的编码格式。
2、在HTML文档里面指定相应的编码。（往往只记得第一步忽略第二步就会出现乱码的形式，一般在HTML文档声明编码一般是在head部分声明，尽早让浏览器知道。）

HTML文档常见的声明格式：一般声明放在head部分

<meta charset ="UTF-8">
（这一段声明足以解决了乱码的尴尬。）

meta元素的各种用法：
1. 实现网页尺寸“自适应” 如下代码：
<meta name="viewpoint" content="width=device-width,initial-scale=1.0">
1. 搜索引擎优化(SEO)
  所谓搜索引擎优化的目的就是为了快点把这个网页收录到索引数据库里，这样可以带来更多的流量。
Meta description是对网页内容的精练概括。如果description描述与网页内容相符，百度会把description当做摘要的选择目标之一，一个好的description会帮助用户更方便的从搜索结果中判断你的网页内容是否和需求相符。Meta description不是权值计算的参考因素，这个标签存在与否不影响网页权值，只会用做搜索结果摘要的一个选择目标


<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="viewpoint" content="width=device-width,initial-scale=1.0">
   <meta name="keywords"  content="小甲鱼Web开发，HTML5,CSS3,Web编程教学">
   <meta name="author" content="小甲鱼">
   <meta name="description " content="《零基础入门学习Web开发》案例演示">
   <title>配套学习资料</title>

</head>
<body>
     <h1>《零基础入门学习Web开发》配套学习资料</h1>
     <p>课堂案例在线演示：<a href="www.baidu.com">传送门</a></p>
     <p>HTML5速查宝典：<a href="www.baidu.com">传送门</a></p>
     <p>CSS3速查宝典：<a href="www.baidu.com">传送门</a></p>
     <p>扩展阅读、知识点备忘、课后作业和阶段考核：<a href="www.baidu.com">传送门</a></p>
</body>
</html>