本篇笔记详细介绍了HTML和CSS的基础知识,涵盖了实体、元数据设置、语义化标签、HTML注释、超链接以及ID属性的使用等核心概念。
1. **HTML实体**: 在网页中,多个连续的空格默认会被浏览器识别为一个空格,如果需要保留特殊字符,如空格、大于号(>)、小于号(<)、版权符号(©),需使用HTML实体来转义。例如, 代表空格,>和<分别代表大于号和小于号,©表示版权符号。通过这种方式,我们可以确保在编码过程中字符的正确显示。
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的基本语法结构、元素的表示、页面元数据设置以及前端开发中常用的链接和标识符技巧,对初学者和进阶者都有较高的参考价值。