HTML——6.字符实体 和 URL

本文详细解释了HTML中如何使用字符实体表示特殊字符以避免标签冲突,并介绍了URL的组成部分,包括协议、主机名、端口号、路径、查询参数和片段的含义及用法。
摘要由CSDN通过智能技术生成

一、字符实体

当在 HTML 中编写内容时,有时需要使用特殊字符,例如小于号(<)、大于号(>)、引号(")、和符号(&)等。但是这些字符有可能与 HTML 的标签或者语法产生冲突。为了避免这种冲突,HTML 提供了一种特殊的表示方式,即字符实体。

字符实体以 & 开始,以 ; 结束,它们会在页面上呈现为相应的特殊字符,而不会被解析为 HTML 标签或语法。下面是一些常见的 HTML 字符实体:

  1. HTML 实体字符:

    • &lt;:小于号(<)
    • &gt;:大于号(>)
    • &quot;:双引号(")
    • &amp;:和符号(&)
    • &apos;:单引号(')
  2. 不间断空格(Non-breaking Space):

    • &nbsp;:用于在 HTML 中插入空格,确保空格不被浏览器忽略或折叠成单个空格。
  3. 结合音标符:

    • &macr;:音长符(ˉ)
    • &acute;:重音符(´)
    • &uml;:分音符(¨)
    • &cedil;:软音符(¸)

 例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Character Entities Example</title>
</head>
<body>
    <h1>HTML Character Entities Example</h1>
    <p>In HTML, the &lt;p&gt; element is used for paragraphs.</p>
    <p>The &quot;alt&quot; attribute is used in &lt;img&gt; tags to specify alternative text.</p>
    <p>&copy; 2024 Example.com. All rights reserved.</p>
</body>
</html>

在这个例子中,我们使用了几个常见的字符实体:

  1. &lt;:表示小于号(<)。在第一个段落中,我们使用 &lt;p&gt; 来表示 <p> 标签。
  2. &quot;:表示双引号(")。在第二个段落中,我们使用 &quot;alt&quot; 来表示 "alt" 属性。
  3. &copy;:表示版权符号(©)。在第三个段落中,我们使用 &copy; 来表示版权信息。

效果展示:

二、URL

1. 协议(Protocol)

URL 中的协议部分指定了用于访问资源的通信协议。常见的协议包括:

  • http://:超文本传输协议,用于传输网页数据。
  • https://:安全的超文本传输协议,使用 SSL/TLS 加密通信。
  • ftp://:文件传输协议,用于文件传输。

2. 主机名(Host)

主机名标识了资源所在的服务器的域名或 IP 地址。例如:

  • www.example.com
  • 127.0.0.1

3. 端口号(Port)

端口号可选,指定了服务器监听的端口。如果未指定,默认使用该协议的标准端口。例如:

  • http://www.example.com:8080
  • ftp://ftp.example.com

4. 路径(Path)

路径指定了服务器上资源的位置。它可以是文件的路径或目录的路径。例如:

  • /images/photo.jpg
  • /products/laptops/

5. 查询参数(Query Parameters)

查询参数用于向服务器传递额外的数据,通常以 ? 开始,多个参数之间使用 & 分隔。例如:

  • ?category=electronics&color=blue
  • ?page=2&size=10

6. 片段(Fragment)

片段用于指定页面内的特定位置,通常以 # 开始,后面跟着元素的 ID。例如:

  • #section1
  • #top

例:

https://www.example.com:8080/products/laptops/?category=electronics&color=blue#section1
 

  • 20
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

F——

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

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

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

打赏作者

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

抵扣说明:

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

余额充值