html中的第一行是什么意思

<!DOCTYPE html>文档声明头,该标签告知浏览器文档所使用的HTML规范

因为html在发展的过程中出现了几个标准,现在实际应用中常见到的是html4和html5标准,不同的标准浏览器会有不同的解析方式,所以我们得告诉浏览器我们这个网页用的是哪个html标准,那一串是用来告诉浏览器,这个网页用的是html5标准。

<html lang="en"> 用来声明文本是英文

<head>标签是一个容器标签,用于存放网页的元信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<meta>
meta标签是一个自结束标签 

meta元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词

1. 规定字符集 <meta charset="utf-8">
HTML规定解码字符集为UTF-8, 此句为了防止乱码,UTF-8字符集支持 地球上所有的文字,而中文系统默认编码是GB2312,产生乱码的根本原因是编码和解码采用的字符集不同。

2. 设置网页关键字 <meta name="keywords" content="体育,前端,美食" />
其中name属性值为’keywords’,content属性值是你想为网页设置的关键词,可以为多个。

3. 指定对网页的描述<meta name="description" content="我爱体育和美食" />
其中name属性值为’description’,content属性值是你想为网页设置的描述,一般为一句话。
注:其中2和3的作用是:搜索引擎在检索页面时,会同时根据网页关键字和描述进行搜索,但不会因为里面的内容影响搜索排名

4. 做请求的重定向 <meta http-equiv="refresh" content="3;url=http://www.baidu.com" /> <body> <p>三秒后跳转至百度页面</p> </body>
我们常常在访问网页时会发现“经五秒后跳转至…页面”,这是使用了meta标签的请求重定向作用,格式为:<meta http-equiv="refresh" content="经过几秒钟;url=某链接名称" />
注:4在平时写网站时使用较少

​
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

​

 <title>网页标题标签,可以让浏览者知道当前页面的主要是讲什么的,每个网页都应该有一个单独的title

<title>CSDN</title>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值