HTML+CSS 学习第二天

image-20201216162804059

注意语句的实体化,当有一些特殊的字符需要表示时,就需要注意用这些特定的实体字符来表示,例如:

  • 缩进《& emsp;》
  • 空格《& nbsp;》
  • 版权《& copy;》

等等

 一般的形式就是通过一个&和;中间加上名字,注意不要有空格。

 只需要记住常见的几个就可以了,其他的可以通过查表得到。

标签< head >中常见的嵌套标签:

msedge_20201216192759_msedge

msedge_20201216192718_msedge

最主要的时区别这两个的加载方式和实际应用

msedge_20201216192834_msedge

标签meta

msedge_20201216193023_msedge

1. name属性

name 属性可以用来定义网页的关键字、描述、作者以及版权信息等等。我们来看一下它的常用属性值:

常用属性值说明
keywords用来定义网页的关键字。关键字可以是多个,之间需要用英文逗号,隔开。
description用来定义网页的描述。
author用来定义网页的作者。
copyright用来定义网页的版权信息。

当 name 属性规定好这些信息后,后面还需紧跟 content 属性设置具体的内容,这样才可以生效。具体使用语法如下:

2. charset属性

charset 是 HTML 5 中的新属性,用来定义页面的编码格式。它的常用属性值见下表:

常用属性值说明
ISO-8859-1表示网页的默认编码格式。
UTF-8表示万国码,是目前最常用的编码格式。
gb2312表示国际汉字码,不包含繁体。
gbk表示国家标准扩展版。增加了繁体,包含所有亚洲字符集。
  1. <meta charset="UTF-8">
  2. <meta charset="gb2312">
  3. <meta charset="ISO-8859-1">
  4. <meta charset="gbk">

3. http-equiv属性

所有主流浏览器都支持 http-equiv 属性。它可以设置网页的过期时间,自动刷新等,有以下几个常用属性值:

常用属性值说明
expires设置网页的过期时间。
refresh设置网页自动刷新的时间间隔,单位是秒。
content-type定义文件的类型,用来告诉浏览器该以什么格式和编码来解析此文件。

我们通过一段简单的代码来看一下如何使用:

<!DOCTYPE html>
<html lang="en"><head>    
<meta charset="UTF-8">    
<meta http-equiv="content-type" content="text/html">    
<meta http-equiv="expires" content="Dec 20 2090">    
<meta http-equiv="refresh" content="1000">    <title>Document</title>
</head>
<body>

</body>
</html>

上面使用了 的几个常用属性,我们来看一下:

  • 设置了网页的编码格式为 utf-8;
  • 用来告诉浏览器本网页编写的是 HTML 代码,需要用 HTML 的格式来进行解析。在下面会附上 content-type 常用文件类型值讲解;
  • 定义网页于 2090 年 12 月 20 日过期;
  • 设置了页面每隔 1000 秒就会进行一次刷新。

我们可以看出,http-equiv 属性和 name 属性一般与 content 属性配合使用,有点类似固定搭配。以上只是 标签常用的属性,实际上它的属性远远不止这些,但是到目前为止,我们只需会用上面讲过的这几个属性即可。

4. content-type常用属性值

上面我们提到了 content-type 用来定义文件的类型,在此处为读者附上 content-type 常用文件类型值(只做了解):

常用属性值说明
text/html表示该文档是 HTML 格式的文档。
text/plain表示该文档是纯文本格式的文档。
text/xml表示该文档是 XML 格式的文档。
image/gif表示该文档是 gif 图片格式的文档。
image/jpeg表示该文档是 jpg 图片格式的文档。
image/png表示该文档是 png 图片格式的文档。
最后修改:2020 年 12 月 16 日 07 : 45 PM