1. <meta> 元素
- 字符集设置: 指定文档使用的字符集,通常是 UTF-8。
<meta charset="UTF-8">
- 视口设置: 针对移动设备,指定视口的宽度和缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2. <title> 元素
定义页面的标题,将显示在浏览器的标题栏或选项卡上。
<title>Page Title</title>
3. 外部样式表和内部样式
- 外部样式表链接: 引用外部 CSS 文件,用于定义页面的样式。
<link rel="stylesheet" href="styles.css">
- 内部样式: 在 <style> 标签中定义页面的样式。
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
</style>
4. <link> 元素(其他资源)
用于引入其他资源,如图标、RSS 源等。
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="rss.xml">
5. <script> 元素
引用外部 JavaScript 文件或在文档中嵌入 JavaScript 代码。
<script src="script.js"></script>
6. 其他元信息
- 作者和描述: 提供关于文档的其他信息。
<meta name="author" content="John Doe">
<meta name="description" content="This is a description of the page.">
- 应用程序链接: 用于添加到主屏幕的移动应用链接。
<link rel="manifest" href="/manifest.json">
头部部分的这些元素一起为浏览器提供了关于文档的重要信息,并对页面的渲染、样式和行为产生影响。在实际开发中,根据具体需求,头部部分可能包含更多的元素和信息。
转载请注明出处:http://www.zyzy.cn/article/detail/3118/HTML