数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装学
法学HTML页面头部使用的元素
HTML代表超文本标记语言，是一种基于web的脚本语言。HTML由一组用于创建和组织网页的元素组成。程序员通常更喜欢使用HTML设计网站，因为它灵活易用。
HTML文档由三个主要部分组成：头部、主体和页脚。以下是HTML文档的基本布局：
<html>
<head>
<!--Header section-->
</head>
<body>
<!--Body section-->
</body>
<footer>
<!--Footer section-->
</footer>
</html>
HTML <head> 元素是一个容器，包含以下元素：<title>、<style>、<link>、<meta>、<script> 和 <base>。让我们用适当的例子逐一研究它们。
HTML <title> 元素
HTML <title> 元素用于定义文档的标题。它必须是文本格式，我们可以在浏览器标签中看到指定的标题。
在HTML文档中使用<title>元素很重要，因为页面标题用于搜索引擎算法来决定搜索结果中列出页面的顺序。
注意：在一个HTML文档中，我们不能有多个<title>元素。
示例
在下面的示例中，我们使用HTML <title>元素为HTML文档定义标题。
<!DOCTYPE html> <html> <head> <title>Tutorialspoint</title> </head> <body> <p>Body content....</p> </body> </html>
HTML <style> 元素
HTML <style> 元素用于指定HTML文档的样式信息（CSS）。
示例
在下面的示例中，我们使用<style>元素将一些样式（CSS）应用于HTML元素。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: aquamarine;
}
h1 {
color: seagreen;
font-weight: bolder;
}
p {
color: seagreen;
}
</style>
</head>
<body>
<h2>Tutorialspoint</h2>
<p>Simply Easy Learning at your fingertips...</p>
</body>
</html>
HTML <link> 元素
HTML <link> 元素用于定义当前HTML文档和外部资源之间的关系。我们经常使用<link>标签链接外部CSS样式表。
示例
在下面的示例中，我们尝试将当前HTML文档链接到外部样式表。
以下是HTML文档：
<!DOCTYPE html>
<html>
<head>
<style>
h1,
p {
color: seagreen;
}
body {
background-color: aquamarine;
}
</style>
</head>
<body>
<h1>Tutorialspoint</h1>
<p>Simply Easy Learning at your fingertips...</p>
</body>
</html>
正如我们在输出中看到的，外部CSS文件中指定的样式已应用于HTML元素。
HTML <meta> 元素
HTML <meta> 元素允许我们指定页面描述、字符集、关键字、HTML文档的作者以及视口设置。
这些指定的元数据不会显示在网页上，而是由Web浏览器和搜索引擎（关键字）使用。
示例
在下面的示例中，我们使用HTML <meta>标签定义元信息：
<!DOCTYPE html> <html> <head> <!--defines the character set--> <meta charset="UTF-8"> <!--Defines description for the web page--> <meta name="description" content="Technology on finger tips"> <!--Defines keywords for search engines--> <meta name="keywords" content="HTML, CSS, JavaScript"> <!--Defines the author of the webpage--> <meta name="author" content="Arjun"> <!--Defines the viewport settings--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>body content...</p> </body> </html>
HTML <script> 元素
HTML <script> 元素允许我们嵌入客户端脚本（JavaScript）。<script> 元素包含JavaScript语句，或者通过src属性链接到外部脚本文件。
示例
在下面的示例中，我们在<script>元素内包含脚本（JavaScript）语句：
<!DOCTYPE html>
<html>
<head>
<script>
function btn() {
document.getElementById("demo").innerHTML = "Simply Easy Learning at your fingertips...";
}
</script>
</head>
<body>
<h1>Tutorialspoint</h1>
<p id="demo">...</p>
<button type="button" onclick="btn()">Click here!</button>
</body>
</html>
174 次浏览
