web编程笔记02

HTML结构

1
2
3
4
<html>
     <head></head>
     <body></body>
</html>

头部<head>

页面标题

1
<title></title>

元信息<meta>

  • 位于文档的头部，其形式是“名称/值”(KV）对。

    • META，元信息（meta-information），关于信息的信息。

    • 如作者、日期、网页描述、关键词、页面刷新等，不显示在页面中。

  • 基本语法及分类 

    1
    2
    <meta name="  " content="  ">
    <meta http-equiv="  " content="  ">

  • name属性用于描述网页内容，便于搜索引擎机器人查找、分类。其中最重要的是author、description、keywords、robots、generator等。

  • http-equiv属性用于提供HTTP协议的响应头报文，通常为网页加载前提供给浏览器使用。其中最重要的是content-type、charset、refresh、expires、set-cookie等。

示例：

1
2
3
4
5
6
7
8
9
10
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <!--H4得写这么长-->
   <meta charset="UTF-8">    <!--H5可以简化为这个或不写，强制规则-->

   <title> 这是页面标题，例如深圳大学 </title>
   <meta name="keywords" content="关键字，搜索引擎经常使用的内容" />
   <meta name="description" content="还是搜索引擎经常需要利用的内容" />
   <meta name="copyright" content="具体内容。。。" />
 </head>

还有其他属性：

1
2
3
4
<meta name="generator" content="信息参数" /> 
<meta name="author" content="信息参数"> 
<meta name="robots" contect="信息参数"> 
<meta http-equiv="refresh" content="时间； url=网址参数">

http-equiv属性

  • expires

缓存过期时间，如果过期，必须到服务器上重新下载。使用GMT（格林威治/格林尼治/Greenwich标准时间MeanTime；北京（东8）

1
<meta http-equiv=”expires” content=”Tue, 14 Sep 2021 14:30:00 GMT”>

  • refresh

    刷新or重定向

    1
    <meta http_equiv=“refresh” content=”5; url=https://azureussimu.github.io/”>