网页常见的HTML标签

2022-10-26 分类：网站建设

HTML文档是由HTML元素构成的，而HTML元素是由HTML标签标记的。每个HTML标签都有相应的作用和使用方法。下面将介绍网页设计中经常遇到的HTML标签的使用方法。

1.html标签该标签代表HTML文档的开始。html标签是成对出现的，以<html>开始，以</html>结束。该标签常用的属性如下：

◆ xml:lang：该属性是国际化属性，代表整个网页的语言。其取值可以参考RFC3066标准。常用的值有简体中文（zh-CN）、繁体中文（zh-HK）及英文（en）。

◆ xmlns：该属性代表文档的命名空间。一般可以设置为：

◆ dir：该属性定义文本元素的对齐方式，可以取的值有ltr（代表左到右的排列方式）和rtl （代表右到左的排列方式）。其中ltr是默认值。例如把secondPage.html中的dir属性设置为rtl

2.head标签该标签代表HTML文档的头信息，也是成对出现的，以<head>开始，以</head>结束。该标签本身没有什么重要属性。但是它里面包含了一些重要的标签，如title、meta等，这些信息主要提供给浏览器使用。

3.title标签该标签代表HTML文档的标题，即在浏览器标题栏里面显示的内容。当把网页添加到收藏夹里面的时候，收藏夹内显示的名称也是title标签的内容。title标签位于head标签之内，成对出现，以<title>开始，以</title>结束，位于之间的是文档的标题内容。

由于title标签通常代表了网页的主要内容，所以title标签非常重要。它在搜索引擎优化（SEO）方面有非常重要的作用。从搜索引擎搜索到的内容往往是title标签的内容。设置好title标签，可以方便搜索引擎索引网页。

4.base标签该标签定义基URL用于页面的链接与引用。当在网页中使用相对路径定义链接时，可以使用base标签定义基URL，便于解析文档中定义的相对路径。该标签单独使用。其常用的属性如下：

◆ href：该属性代表基URL。

◆ target：该属性代表链接目标。

5.style标签该标签用于在文档中声明样式表。该标签成对使用，以<style>开始，以</style>结束，开始标签和结束标签之间是样式的声明。该标签的重要属性如下。

◆ type：该属性包含内容的类型，在声明样式的时候一般使用type="text/css"。

6.link标签该标签用于在文档中声明外部资源，同时标签还是单独出现的。该标签常用的属性如下。

◆ href：该属性指定外部资源的URL。

◆ rel：该属性指定外部资源的类型。

◆ type：该属性指定外部资源中包含内容的类型。

7.script标签该标签用于在文档中使用脚本。脚本主要有JavaScript和VBScript。脚本代码可以书写在网页内部，也可以是引用的外部脚本文件。该标签成对使用，以<script>开始，以</script>结束。其常用的属性如下。

◆ src：该属性指定需要加载的脚本文件的URL。

◆ type：该属性指定媒体类型，例如type="text/javascript"。

8.meta标签该标签用于指定文档中的额外信息。该标签单独使用。其属性主要分为两组。

◆ name属性与content属性：name属性是以名称/值形式出现的，name属性的值所描述的内容（值）通过content属性表示。其中最重要的是description、keywords和robots。这些属性主要是为便于网络机器人分析网页。

◆ http-equiv属性与content属性：http-equiv属性用于提供HTTP协议的响应头报文（MIME文档头），它也是以名称/值形式出现的。http-equiv属性的值所描述的内容（值）通过content属性表示，通常在网页加载前提供给浏览器等设备使用。其中最重要的是charset属性提供编码信息，refresh属性告诉浏览器刷新与跳转页面，no-cache属性告诉浏览器不缓存页面，expires属性通知浏览器网页缓存过期时间。

9.body标签该标签表示文档的主体。body标签成对使用，以<body>开始，以</body>结束。网页中所有的文字、图像、视频等内容全部位于body标签之内。

当前标题：网页常见的HTML标签
新闻来源：https://www.cdcxhl.com/news7/208257.html

成都网站建设公司_创新互联，为您提供外贸网站建设、定制网站、移动网站建设、网站建设、虚拟主机、电子商务

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容