初见html，meta标签_meta标签h5自适应-优快云博客

文章目录

案例引入
meta标签

案例引入

<!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
</head>
<body>
     <h1>hello</h1>
     <p>I loved you</p>
</body>
</html>

首先第一行

<!DOCTYPE html>

DOCTYPE故名思意，文档的类型为html,这个标签可以告诉浏览器你的 HTML 文档是基于哪一个标准进行开发的（在这里，这一行表示该文档是基于 HTML5 的标准进行开发的）。通过使用 DOCTYPE，浏览器就能够更准确地选择用什么方式来解释和展现你的网页。另外要记住，DOCTYPE 定义需要放在 HTML 文档的最开头位置。
之后可以看到<>表示的是标签，大多数都是成对出现的，一个作为开始，一个作为结束，需要一提的是结束标签通常比开始标签多个/，例如

<body>
</body>

meta标签

meta标签只能出现在head标签中，但其实现的功能有很多。

属性	值	描述
charset	character_set	指定 HTML 文档的编码。
content	text	指定与 http-equiv 或 name 属性相关的值。
name	application-name、author、description、generator、keywords、viewport	application-name：当前页所属 Web 应用系统的名称。author：当前页的作者名。description：当前页的内容描述。generator：用来生成 HTML 的软件名称。keywords：当前页的关键词。viewport：网页尺寸自适应。
http-equiv	content-type、default-style、refresh	content-type：另一种声明 HTML 文档作用字符编码的方法（）。default-style：指定页面优先使用的样式表。refresh：以秒为单位指定一个时间间隔，在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。

meta实现网页编码

<meta charset="UTF-8">

本地的时候打开html文件一般不会出现乱码，但是配置到服务器上，网页可能会出现乱码情况，这个时候定义网络编码很重要。

meta实现网络自适应

<meta name="viewport" content="width=device-width, initial-scale=1.0">

meta对html文件进行解释

meta标签可以对html文件进行解释，方便搜索引擎爬取到该网页并建立索引，同时对网络进行说明，方便快速对网页理解。

定义网页关键词：

<meta name="keywords" content="a,b,c,d,f,g">

描述网页内容

<meta name="description" content="啊哈哈哈哈哈">

定义网页作者

<meta name="author" content="小甲鱼">

meta实现页面跳转

很多兄弟应该遇到这种情况，嗯，学习到这里突然就明白了什么，对一些东西的原理有了更深刻的认识。不多说了，上代码

<meta http-equiv="refresh" content="0; https://www.bilibili.com/">

提供的代码是跳转到B站