《HTML5权威指南》读书笔记——Chapter03

最新推荐文章于 2025-05-28 13:16:10 发布

流星之愿

最新推荐文章于 2025-05-28 13:16:10 发布

阅读量540

点赞数

CC 4.0 BY-SA版权

分类专栏：《HTML5权威指南》读书笔记

本文链接：https://blog.youkuaiyun.com/GoldenBullet/article/details/83377699

《HTML5权威指南》读书笔记专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML的基础知识，包括元素、属性、URL的使用，以及元素间的父子、后代、兄弟关系。阐述了HTML文档的基本结构，元数据、流元素、短语元素的概念，并解释了HTML实体与HTML5全局属性的作用。

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

HTML是一种标记语言，其标记以应用于文档内容的元素为其存在形式。<code>apples</code>为一个HTML元素示例，结构依次为开始标签、元素内容、结束标签，构成一个code元素。元素名不区分大小写，但一般习惯使用全小写。
现在HTML元素的用法应该是用来说明文档内容的结构和含义，用CSS控制内容呈现给用户的形式。
元素开始标签和结束标签之间没有内容的元素称为空元素。空元素也可以使用如下形式，如<code/>，但是目前浏览器对这种形式的支持不太好，建议不要使用这种形式。
虚元素只能使用一个标签表示，其中不能放置任何内容。如<hr/>分割线。此类标签为自闭合标签，可以有两种表示法，<hr>或<hr/>，一般习惯使用后者，因为同时满足了XHTML规范。
元素可以用属性进行配置，属性只能用在开始标签或单个标签上，不能用于结束标签。属性具有名称和值两部分。
如<a href = “/apples.html”>apples</a>
使用双引号界定属性值，也可以用单引号。但当属性值本身含有引号时，需要用到两种引号。如 “`含引号的 `属性值” 或 `”含引号的”属性值`。
关于绝对URL与相对URL。
区分 / ./ ../
1. /为以根目录为起始位置。绝对URL的一种表示方式。如/index.html表示站点根目录下的index.html主页。
2. ./为以当前目录为起始位置。相对URL的默认形式，如./1.html与1.html是等价的，都是表示当前页面所在路径下的1.html文件。
3. ../为相对路径的一种形式，表示上一级目录。如 ../2.html表示当前页面上一级目录下的2.html文件。
4. http://等形式开头的为绝对URL的一种形式，表示某个站点的URL地址。
一个元素可以应用多个属性，属性间以一个或几个空格分隔即可，属性之间无顺序关系。
某些属性属于布尔属性，这种属性不需要设定一个值，只需将属性名添加到元素中即可。当然也可以给这类属性赋值，但是值的内容都会被忽略。如<input disabled/>与<input disabled = “test”>是等价的。
用户可自定义属性，这种属性必须以data-开头。
HTML文档最常用的使用方式是用浏览器查看。用于处理HTML文档的各种软件都叫做用户代理，浏览器是最流行的用户代理。

HTML基本结构：

<!DOCTYPE HTML>
<html>
   <head>
<!—此处包含元数据，用于向浏览器提供文档的一些信息，也可以定义CSS样式等 -->
   </head>
   <body>
          <!—浏览器显示的部分 -->
   </body>
</html>

父元素、子元素：一个元素直接包含另一个元素。包含元素为父元素，被包含元素为子元素。一个元素可以拥有多个子元素，但只能拥有一个父元素。
后代元素：某个元素的父元素递归后为另一个元素。该元素是另一个元素的后代元素。
兄弟元素：具有同一个父元素的几个元素互为兄弟元素。
HTMLS规范将元素分为三大类：
元数据元素：用来构建HTML文档的基本结构，以及就如何处理文档向浏览器提供信息和指示。
流元素、短语元素：确定一个元素合法的父元素和子元素范围。短语元素是HTML的基本成分，流元素是短语元素的超集。即所有短语元素都是流元素，但并非所有流元素都是短语元素。
某些元素无法归入上述三种类型，这些元素要么没有什么特别的含义，要么只能用在一些非常有限的情况下，如li元素就是受限元素。
HTML实体：实体是浏览器用来替代特殊字符的一种代码。
如字符&实体名称为&，实体编号为&。
HTML5全局属性：
局部属性：每种元素专有的属性，用于控制元素特有的某个方面。
全局属性：用来配置所有元素的共有行为。全局属性可以用在任何一个元素身上，虽然不一定会带来有意义或有用的行为改变。
全局属性包括：(p21-p32)
1. accesskey
2. class
3. contenteditable
4. contextmenu
5. dir
6. draggable
7. dropzone
8. hidden
9. id
10. lang
11. spellcheck
12. style
13. tabindex
14. title