前端必知必会-html统一资源定位符URL与XHTML的注意事项


HTML 统一资源定位符

URL 是网址的另一种说法。

URL 可以由单词(例如 baidu.com)或 Internet 协议 (IP) 地址(例如 192.68.20.50)组成。

大多数人在浏览时都会输入名称,因为名称比数字更容易记住。

URL - 统一资源定位符

Web 浏览器使用 URL 从 Web 服务器请求页面。

统一资源定位符 (URL) 用于在 Web 上寻址文档(或其他数据)。

类似 https://www.baidu.com/index.html 的网址遵循以下语法规则:

scheme://prefix.domain:port/path/filename
说明:

  • scheme - 定义 Internet 服务类型(最常见的是 http 或 https)
  • prefix - 定义域前缀(http 的默认是 www)
  • domain - 定义 Internet 域名(如 w3schools.com)
  • port - 定义主机的端口号(http 的默认是 80)
  • path - 定义服务器的路径(如果省略:站点的根目录)
  • filename - 定义文档或资源的名称

常见 URL scheme

下表列出了一些常见scheme:

Scheme缩写用途
http超文本传输​​协议常见网页。未加密
https安全超文本传输​​协议安全网页。加密
ftp文件传输协议下载或上传文件
file计算机上的文件

URL 编码

URL 只能使用 ASCII 字符集通过 Internet 发送。如果 URL 包含 ASCII 集以外的字符,则必须转换 URL。

URL 编码将非 ASCII 字符转换为可通过 Internet 传输的格式。

URL 编码将非 ASCII 字符替换为“%”后跟十六进制数字。

URL 不能包含空格。 URL 编码通常将空格替换为加号 (+) 或 %20。

HTML5 中的默认字符集是 UTF-8。

HTML 与 XHTML

XHTML 是一种更严格、更基于 XML 的 HTML 版本。

什么是 XHTML?

XHTML 代表可扩展超文本标记语言
XHTML 是一种更严格、更基于 XML 的 HTML 版本
XHTML 是定义为 XML 应用程序的 HTML
所有主流浏览器都支持 XHTML

为什么使用 XHTML?

XML 是一种标记语言,其中所有文档都必须正确标记(“格式正确”)。

XHTML 的开发旨在使 HTML 更具可扩展性和灵活性,以便与其他数据格式(如 XML)配合使用。 此外,浏览器会忽略 HTML 页面中的错误,即使标记中存在一些错误,也会尝试显示网站。 因此,XHTML 具有更严格的错误处理。

与 HTML 最重要的区别

<!DOCTYPE> 是必需的
<html> 中的 xmlns 属性是必需的
<html><head><title><body> 是必需的
元素必须始终正确嵌套
元素必须始终关闭
元素必须始终为小写
属性名称必须始终为小写
属性值必须始终用引号引起来
禁止属性最小化

XHTML - <!DOCTYPE ....> 是必需的

XHTML 文档必须具有 XHTML <!DOCTYPE> 声明。

<html><head><title><body> 元素也必须存在,并且 <html> 中的 xmlns 属性必须为文档指定 xml 命名空间。

示例
以下是包含最少必需标签的 XHTML 文档:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文档标题</title>
</head>
<body>

此处为部分内容...

</body>
</html>

XHTML 元素必须正确嵌套

在 XHTML 中,元素必须始终正确嵌套,如下所示:

正确:

<b><i>部分文本</i></b>

错误:

<b><i>部分文本</b></i>

XHTML 元素必须始终闭合

在 XHTML 中,元素必须始终闭合,如下所示:

正确:

<p>这是段落</p>
<p>这是另一个段落</p>

错误:

<p>这是一个段落
<p>这是另一个段落

XHTML 空元素必须始终关闭

在 XHTML 中,空元素必须始终关闭,如下所示:

正确:

中断:<br />
水平规则:<hr />
图像:<img src="happy.gif" alt="Happy face" />

错误:

中断:<br>
水平规则:<hr>
图像:<img src="happy.gif" alt="Happy face">

XHTML 元素必须小写

在 XHTML 中,元素名称必须始终小写,如下所示:

正确:

<body>
<p>这是一个段落</p>
</body>

错误:

<BODY>
<P>这是一个段落</P>
</BODY>

XHTML 属性名称必须小写

在 XHTML 中,属性名称必须始终为小写,如下所示:

正确:

<a href="https://www.baidu.com">访问baidu</a>

错误:

<a HREF="https://www.baidu.com">访问baidu</a>

XHTML 属性值必须用引号引起来

在 XHTML 中,属性值必须始终用引号引起来,如下所示:

正确:

<a href="https://www.baidu.com">访问baidu/a>

错误:

<a href=https://www.baidu.com>访问baidu/a>

禁止 XHTML 属性最小化

在 XHTML 中,禁止属性最小化:

正确:

<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

错误:

<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

总结

本文介绍了的html统一资源定位符URL与XHTML使用,如有问题欢迎私信和评论

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

编程流年

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

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

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

打赏作者

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

抵扣说明:

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

余额充值