HTML5与URL详解-优快云博客

本文链接：https://blog.youkuaiyun.com/sanshiliuxiao/article/details/99763700

本文是个人学习HTML5和URL的笔记，介绍了HTML的基本概念、元素、属性、空格处理规则，以及URL的组成、查询参数、锚点、相对与绝对URL等。详细解释了协议、主机、路径、端口在URL中的作用，并探讨了URL字符的合法性和转义规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

阮一峰老师的 HTML 教程
本文属于笔记性质，内容大部分出于上述教程，但会对内容进行组织，精简。
范围：一、二章节。

HTML 简介

HTML：超文本标记语言(HyperText Markup Language)，于 1990 年，由 Tim Berners-lee（李爵士）发明。 2014 年，HTML5 发布，目前广泛使用的版本就是 HTML5。

网页的基本骨架

<!-- <!DOCTYPE html> 会使浏览器按照 html5 的标准解析网页-->
<!DOCTYPE html>
<!-- lang 默认是 en 中文是 zh-CN -->
<html lang="en">
    <!-- head 放置网页的元信息 不会出现在网页上 -->
    <head>
    <!-- meta 网页的元数据 utf-8 表示 编码方式 -->
    <meta charset="utf-8" />
    <!-- 网页标题 -->
    <title>hello wrold</title>
    </head>
    <!-- 网页的主体  -->
    <body></body>
</html>

网页的基本概念

标签
HTML 代码由许许多多的标签（tags）组成。

<!-- title 标签 -->
<title>网页标题</title>

标签可以嵌套，但要保证正确的闭合顺序

<!-- 正确 -->
<div><p>hello wrold</p></div>
<!-- 错误 -->
<div><p>hello wrold</div></p>

元素
标签是从源码角度来看，元素是从编程角度来看，它们本质上是同一种东西。浏览器渲染网页，会把源码解析成一个标签树，每一个标签就是一个节点（node），称为元素（element）。
元素主要分为两大类：块级元素（block）、行内元素（inline）。
属性
属性（attribute）是标签的额外信息，因为