网页常见的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。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都app开发公司