CSS选择图像/ vs \

时间:2017-04-25 22:28:39

标签: html css

我正在使用Atom来编辑一些CSS,而对于一个我希望将图像作为背景放在一个部分类中。为什么它不会使用.. \ folder \ images \ image.png接受文件位置但只能使用../folder/images/image.png?

前锋和反斜杠之间是否有重要意义?因为在HTML中引用同一文件夹中的不同图像时,我通过

引用它们
<img src="folder/images/logo.png" alt = "logo" class = "logo">

3 个答案:

答案 0 :(得分:1)

使用斜杠(仅限HTML): 反斜杠在HTML中没有特殊意义,而正斜杠用于关闭标签和指定URL或文件路径,无论平台如何(Windows或Linux)。

但是其他一些语言的文件路径已经包含了某些与平台相关的代码,以便以不同的方式识别Windows和Linux中的路径。这些语言中的反斜杠用作转义序列(如下所述),每个的路径如下:

Windows - C:\\folder\\images\\logo.png

Linux / Unix / Mac - /folder/images/logo.png

反斜杠通常用于:

  • DOS / Windows中的文件路径 - 例如的 C:\foldername\filename.ext
  • 转义序列 - 在几乎所有编程语言中,转义序列都用在字符串之间以执行特殊功能。

    e.g。 "\n" 是指新行, "\t" 是指标签, "\\" 实际上等于反斜杠。

另一方面,正斜率通常用于:

  • Linux / Unix / Mac中的文件路径 - 例如的 /user/foldername/filename.ext
  • 网址(网址) - 例如的 https://www.google.com/
  • HTML结尾标记 - 例如的 <HTML>...</HTML>
  • 所有编程语言的Divison Operator!

答案 1 :(得分:0)

  

为什么它不接受使用的文件位置   .. \ folder \ images \ image.png但只能使用   ../folder/images/image.png?

     

前锋和反斜杠之间是否有重要意义?

听起来你回答了自己的问题。 ;-)祝你好运!

答案 2 :(得分:0)

目录分隔符

更具体地说,文件路径包括Windows上的\和Mac / Linux上的/。根据您的操作系统使用正确的目录分隔符。

某些语言会自动识别正确的分隔符并使用常量来允许跨不同平台进行动态部署(例如:https://alanhogan.com/tips/php/directory-separator-not-necessary