2025年a标签打开文件夹（a标签如何设定页面打开方式）

a标签

书写格式：

a标签的功能：

1、普通的跳转；

2、锚点定位；

a标签的打开方式：

1、在新的页面打开：属性名为target，属性值为 _ blank新页面打开、_ self当前页面打开（默认值）

外部引用优势：批量修改、重复使用。

相对路径和绝对路径

相对路径：图像文件和HTML文件位于同一文件夹，相对于当前资源的位置，只能用于访问站内资源。

书写格式：https://blog.51cto.com/u_16213678/路径

https://blog.51cto.com/u_16213678/表示当前资源所在的目录，必须作为相对路径的开始，可省略

…/表示返回上一级目录

绝对路径：当网站部署到服务器后，网站中的所有资源都可以通过一个地址（路径）访问

书写格式：协议：//域名/目录

绝对路径使用场景：

访问站外资源时，只能使用绝对路径；
访问站内资源时，若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名。（站内资源推荐使用相对路径）。

title和h标签的区别：

< title>是网页的标题，是写给搜索引擎看的，写在< head>里面；< title>标签里的文本不出现在页面内容里面。
< h1>是文章的标题，是给用户看的，写在< body>里面。< h1>标签里的文本出现在页面内容里面。

文本元素

h1~h6 一级标题~6级标题
p 段落

blockquote 整段/大段的引用

blockquote:大段文本的引用
功能：自动添加缩进
【扩展】

q 小段文本的引用

q小段引用
功能：自动添加引号

cite 对参考文献的引用

cite当属性:
1、属性值不会显示到页面
2、普通浏览器不会识别
3、阅读浏览器识别，告知来自哪里

cite当标签：
1、文献的引用（斜体）
2、搜索引擎可以识别，内容来自于哪里

abbr 对缩写词的引用

abbr缩写
title的属性值是展示到页面的内容
注：只有鼠标移动到abbr的元素内容是title属性值才显示

strong 重要的文本

b 应突出显示的文本

strong和b的区别：
1、普通浏览器不会识别，所有的文本都会加粗
2、阅读浏览器识别，strong会加重读音/语气
3、搜索引擎会识别strong（即增加元素呢的权重）

em 强调的文本

i 应区别对待的文本

em和i的区别：
1、普通浏览器无区别
2、阅读浏览器的区别，em会加重读音
3、搜索引擎会识别em（即增加元素内容的权重）

批量修改

快捷键：ctrl+d

批量复制（内容不同）：选中要复制的内容（多个）alt+双击（选择）

实体字符

实体字符的书写格式为 &实体名称；或 &#实体编号；

以 & 开始分号结束

常见的实体字符如下：

在HTML中，空格的大小取决于你当前所在的标签的字体大小。

空白折叠：在html代码中，按多个空格和回车会合并成一个空格
如何实现多个空格？
解决方式：实体字符
书写格式：&开始分号结束

使用外部样式表

CSS代码在一个独立的文件中，HTML通过link元素引入到页面

使用外部样式表的特点：

实现了内容结构和表现形式代码分离，方便维护、复用和修改
使HTML代码更加纯净，有利于程序员和搜索引擎的阅读
是开发页面的常见做法

使用内部样式表

将CSS代码写到HTML文档的style标签中

使用内部样式表的特点：

没有了样式表文件，在某些时候可以提升效率
多个页面难以共享样式，不利于代码复用
HTML和CSS代码混杂，不利于程序员和搜索引擎阅读
在某些对效率要求苛刻或测试的场景下使用

使用行内样式表

CSS代码写在某个元素开始标记的style属性中，行内样式不写选择器

使用行内样式表的特点：

没有了样式表文件，在某些时候可以提升效率
多个页面难以共享样式，不利于代码复用
HTML和CSS代码混杂，不利于程序员和搜索引擎阅读
留给JS使用，JavaScript操作的是行内样式
测试的场景下使用