HTML元素设置文档的标题

HTML元数据

title

title 元素设置文档的标题。

浏览器通常会在浏览器窗口或选项卡的顶部显示此元素的内容。

每个HTML文档应该只有一个标题元素。

标题文本应该对用户有意义。

以下代码显示了正在使用的标题元素。

 

<!DOCTYPE HTML>
<html>
<head>
   <title>Example from www.w3cschool.cn</title>
</head>
<body>
    <p>This is a test.</p>
    <a href="https://www.w3cschool.cn">Visit  www.w3cschool.cn</a>
</body>
</html>

　　

HTML Base

base 元素为相对链接设置基本URL。

相对链接是省略URL的协议，主机和端口部分的链接并且针对一些其他URL(由基本元素或由基本元素指定的URL)进行评估用于加载当前文档的URL。

base 元素也指定如何在用户单击链接时打开链接，以及在表单提交后浏览器的行为。

base 元素有两个局部属性

  • href
  • target

HTML文档最多只能包含一个基本元素。

href属性

href 属性指定基本URL将解析文档中的相对URL。

以下代码显示了正在使用的 base 元素和 href 属性。

 

<!DOCTYPE HTML>
<html>
<head>
   <title>Example</title>
   <base  href="//www.w3cschool.cn/listings/"/>
</head>
<body>
   <p>This is a test.</p>
   <a href="https://www.w3cschool.cn">Visit www.w3cschool.cn</a>
   <a href="/javascript.html">JavaScript</a>
</body>
</html>

　　

target属性

target 属性指示浏览器如何打开网址。

您为此属性指定的值表示浏览上下文。

HTML元数据

meta 元素定义文档的元数据。

您可以以不同的方式使用此元素，并且HTML文档可以包含多个元素元素。

meta 元素有局部属性，包括 name，content，charset，http-equiv 。

charset 属性是HTML5中的新功能HTML4 scheme 属性现在已过时。

元素的每个实例只能用于这些目的之一。

名称/值元数据对

meta 元素的第一个用途是定义名称/值对中的元数据，您使用 name 和 content 属性。

以下代码使用meta元素在名称/值对中定义元数据。

 

<!DOCTYPE HTML>
<html>
<head>
    <meta name="author" content="www.w3cschool.cn"/>
    <meta name="description"  content="A simple example"/>
</head>
<body>
    <a href="https://www.w3cschool.cn">Visit  www.w3cschool.cn</a>
</body>
</html>

　　

您可以使用 name 属性来指定元素引用的元数据类型，和content属性来提供一个值。

下表列出了可以与meta元素一起使用的预定义元数据类型。

 

元数据名称描述
application name 当前页面所属Web应用程序的名称
author 当前页的作者的名称
description 当前页面的描述
generator 生成HTML的软件的名称
keywords

一组用逗号分隔的字符串，用于描述内容

 

 

posted @ 2020-09-20 11:53  degkr8868  阅读(550)  评论(0)    收藏  举报