HTML+CSS基础入门：实体、元数据与语义化标签详解

本篇笔记详细介绍了HTML和CSS的基础知识，涵盖了实体、元数据设置、语义化标签、HTML注释、超链接以及ID属性的使用等核心概念。 1. **HTML实体**: 在网页中，多个连续的空格默认会被浏览器识别为一个空格，如果需要保留特殊字符，如空格、大于号（>）、小于号（<）、版权符号（©），需使用HTML实体来转义。例如，&nbsp;代表空格，&gt;和&lt;分别代表大于号和小于号，&copy;表示版权符号。通过这种方式，我们可以确保在编码过程中字符的正确显示。 2. **Meta标签**: Meta标签用于设置网页的元数据，包括字符集（charset，指定网页使用的字符编码）、名称（name，通常用于定义元数据类型）、内容（content，具体元数据的值）。其中，`name="description"`和`name="keywords"`分别用于描述和关键词设置，这些信息会影响搜索引擎的索引和显示。 3. **语义化标签**: HTML标签分为块级和行内两种。大部分标签是成对出现的，但也有一些自关闭标签如`<!---->`，它们用于创建文档注释，帮助开发者理解和维护代码，注释内容不会显示在最终页面上。良好的注释习惯对于代码可读性至关重要。 4. **超链接的使用**: 跳转页面时，可以使用相对路径，如`.`, `..`来表示当前文件或上一级目录。`target`属性决定链接在何处打开，如 `_self`（默认）在当前窗口打开，`_blank`在新窗口打开。还可以通过`href="#"`跳转到页面顶部或使用元素的`id`属性值定位到页面的特定位置。 5. **ID属性**: ID是每个HTML元素的唯一标识符，必须在整个页面中保持唯一。在超链接中，`#`可以用作目标元素ID的占位符，通过JavaScript可以动态操作具有特定ID的元素。ID属性的使用有助于提高代码的可维护性和页面的交互性。 这篇HTML+CSS基础笔记提供了丰富的实践指导，涵盖了HTML的基本语法结构、元素的表示、页面元数据设置以及前端开发中常用的链接和标识符技巧，对初学者和进阶者都有较高的参考价值。