前端基础(三)_路径（绝对路径、相对路径）、语义化、特殊字符

六卿

已于 2023-03-07 17:54:25 修改

阅读量1.8k

点赞数 2

分类专栏： # 前端基础（html、css）文章标签：前端绝对路径相对路径语义化特殊字符

于 2022-12-13 21:30:00 首次发布

本文链接：https://blog.csdn.net/qq_43291759/article/details/128304728

版权

前端基础（html、css）专栏收录该内容

16 篇文章 4 订阅

订阅专栏

路径

分为两种绝对路径和相对路径
1.绝对路径：带有域名的文件的完整路径或某一个盘符下的某个路径，（或者项目的根目录）
2.相对路径：相当于当前文件的相对位置

/ 根目录
./ 当前目录
../ 上一级目录
../../ 上上级目录

相对路径：

相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。

在这里插入图片描述

绝对路径：

绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
完整的描述文件位置的路径就是绝对路径，以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某个目录或文件的路径，由一系列连续的目录组成，中间用斜线分隔，直到要指定的目录或文件，路径中的最后一个名称即为要指向的目录或文件。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

在这里插入图片描述

根目录为C盘

网络应用中绝对路径的优点 ：
1、防止网站被恶意抄袭，使用绝对路径，如果有人抄袭采集你的内容，里面的链接还会指向你的网站。有些抄袭的比较懒，连里面的链接一起抄了过去。
2、如果站长不能做301转向，因而有网址规范化的问题，使用绝对路径有助于链接指向选定的URL版本。
3、就算网页被移动位置，里面的链接还是指向正确的URL。
绝对路径的缺点：
1、除非链接是动态插入的，不然没办法在测试服务器上进行测试。因为里面的链接将直接指向真正的域名URL，而不是测试服务器中的URL。
2、除非链接是动态插入的，不然移动内容页面将很困难。因为内容页面位置发生变化，在其他页面上的链接却可能无法跟着变化，还指向原来的已经硬编码的绝对路径。

什么是HTML语义化

1.根据页面内容的结构，选择合适的标签。
2.便于开发者阅读和写出更优雅的代码，便于浏览器、搜索引擎解析，有利于SEO，便于团队开发和维护。
如：标题H1~H6，段落p标签。

首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。strong,em用来区别于其他文字，起到了强调的作用。

特殊字符

<body>
  <div>后面的带分号 ;</div>
  <div>空格 &nbsp;</div>
  <div>小于号 < &lt; <div>大于号 > &gt;</div>
  <div></div>& &amp;
  <div></div>已注册 &reg;
  <div></div>版权符号 &copy;
  <div></div>商标 &trade;
</body>