HTML标签

<html>

<html> 标签是 HTML 文档的根元素,用于定义整个 HTML 文档的开始和结束

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Web Page</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

<head>

<head>标签是 HTML 文档的头部部分,用于包含文档的元数据和其他信息,比如文档的标题、字符集、样式表、脚本等

<title>:

定义文档的标题,显示在浏览器的标题栏或标签页上。例如:`<title>My Web Page</title>`

<meta>:

用于设置文档的元数据,包括字符集、视口、关键字、描述等。常见的 `<meta>` 标签有:
   - `<meta charset="UTF-8">`:设置文档的字符集为 UTF-8。
   - `<meta name="viewport" content="width=device-width, initial-scale=1.0">`:设置视口的大小和缩放,以适应不同设备。
   - `<meta name="keywords" content="HTML, CSS, JavaScript">`:定义文档的关键字。
   - `<meta name="description" content="This is a sample web page.">`:定义文档的描述信息。

<link>:

用于引入外部资源,如样式表、图标等。常见的 `<link>` 标签有:
   - `<link rel="stylesheet" href="styles.css">`:引入外部样式表。
   - `<link rel="icon" href="favicon.ico" type="image/x-icon">`:指定网页图标。

<script>:

用于引入 JavaScript 文件或在 `<head>` 中直接编写 JavaScript 代码。例如:
   - `<script src="script.js"></script>`:引入外部 JavaScript 文件。
   - `<script>alert("Hello, world!");</script>`:在 `<head>` 中直接编写 JavaScript 代码。

<style>:

用于定义内部样式表,直接在 `<head>` 中编写 CSS 样式。例如:
   - `<style>
        body {
            background-color: lightblue;
        }
     </style>`

<base>:

定义基准 URL,用于设置页面中所有相对路径的基准路径。例如:
`<base href="https://www.example.com/">`

<noscript>:

用于在浏览器不支持 JavaScript 或者 JavaScript 被禁用时显示的替代内容。例如:`<noscript>Your browser does not support JavaScript!</noscript>`

这些标签在 `<head>` 中的作用各不相同,但它们共同的目的是用于设置文档的头部信息、引入外部资源、定义样式和脚本,以及提供元数据信息,从而影响和控制页面的展示和行为。

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时光的璃

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值