【免费】前端开发笔记1资源-CSDN文库

需积分: 0 116 浏览量更新于2022-08-03 收藏 421KB PDF 举报

在前端开发中，HTML是构建网页的基本语言，全称为超文本标记语言（Hyper Text Markup Language）。HTML5是其最新的版本，引入了许多新特性以增强网页的功能性和用户体验。在HTML5中，声明文档类型的方式简化为`<!DOCTYPE html>`，不再需要指定具体的DTD（文档类型定义）。在HTML5中，指定页面字符集有以下两种方式： 1) 使用`<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">`，通过Content-Type属性来指定字符集。 2) 直接使用`<meta charset="UTF-8">`，这种方式更简洁且推荐使用。 `<base>`标签用来设置网页所有链接的目标窗口，如`<base target="_blank">`会让所有链接在新窗口中打开，而`<base href=" ">`则可以为页面上的所有链接设定默认地址。 `<link>`标签用于引用外部文档，通常用于引入外部样式表，其重要属性包括： - `rel`：定义文档与被链接文档的关系，如`rel="stylesheet"`表示引入样式表。 - `href`：指定资源的路径，可以是相对路径或绝对路径。 - `type`：定义被链接文档的MIME类型，例如`type="image/x-icon"`用于引用.ico格式的图标。 `<meta>`标签用于定义HTML文档的元数据，其关键属性包括： - `http-equiv`：将content属性值关联到HTTP头部，如`Content-Type`用于指定浏览器接受的文档类型，`Refresh`用于设置网页刷新，`Expires`设定网页过期时间。 - `name`：将content属性关联到一个名称，如`keywords`用于搜索引擎抓取的关键字，`description`提供网页内容的简要描述，`author`表示站点制作者等。在SEO（搜索引擎优化）中，`rel="nofollow"`属性常用于`<a>`标签，指示搜索引擎不要追踪该链接，以防止垃圾链接的传播。 `<meta>`标签还可以自定义name属性以实现特定功能，如新浪网和搜狐网站的认证，这在大型网站中尤为常见，用于验证网站的真实性。总结起来，前端开发中的HTML5提供了更简便的文档声明和字符集设定，`<base>`、`<link>`和`<meta>`等标签则用于增强页面的链接行为、样式引用和元信息设置，这些都是前端开发者必须掌握的基础知识。了解并熟练运用这些元素，可以提升网页的用户体验和搜索引擎友好度。