html自结束标签+文档声明+meta标签

298 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情

一.自结束标签和注释

1.自结束标签

标签一般成对出现,但是也存在一些自结束标签,例:

在这里插入图片描述

2.注释

注意:注释中不能嵌套注释 在这里插入图片描述

二.标签中的属性

1.属性是一个名值对(x=y一个东西等于另一个东西)结构,在标签中(开始标签或自结束标签)可以设置属性;

2.属性和标签名或其他属性之间要用一个空格隔开;

3.属性用来设置标签中的内容如何显示;

4.属性名和属性值都不能瞎写;

5.有些属性有属性值,有些属性没有,如果有属性值应该使用引号引起来,引号可以是单引号也可以是双引号,但是前后要统一;

6.一个标签中可以有多个属性; 例:

<h1>这是我的<font color="red">第三个</font>网页</h1>
三.文档声明(doctype)

1.文档声明用来告诉浏览器当前网页的版本(目前大部分使用html5版本);

2.声明语法:,写在最最最前面,不需要区分大小写

四.meta标签

1.meta主要用于设置网页中的一些元数据,元数据不是给用户看的;

2.charset指定网页字符集; name指定数据的名称; content指定数据的内容;

  1. keywords表示网站的关键字,可以同时指定多个关键字,关键字间使用逗号隔开。 例: 京东网页源代码中的关键字表示:
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

4.description用于指定网页的描述,网页的描述会显示在搜索引擎的搜索结果中。 例: 京东的网页源代码中的网页描述:

<meta name="description"
          content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!"/>

5.title标签的内容会作为搜索结果的超链接上的文字显示

6.将页面重定向到另一个网站

<meta http-equiv="refresh" content="3;url=https://www.baidu.com">