ftp和http方式访问html文件(纯现象)

最新推荐文章于 2024-05-02 11:30:00 发布

欧阳方超

最新推荐文章于 2024-05-02 11:30:00 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/u012288582/article/details/115790281

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

关键词：nth-child()，ftp，http

1.概述

记录一些现象吧，html文件可以直接使用浏览器打开，也可以先把html文件部署在服务器上然后通过ip访问，前者使用的是ftp协议，后者使用的是http协议。下面的html文件在通过这两种方式打开时的现象有所不同，具体如下。

<!DOCTYPE html>
<html>
<head>
    <style>
        p:nth-child(2) {
            color: red;
        }
    </style>
</head>
<body>
    <p>段落一</p>
    <p>段落二</p>
    <p>段落三</p>
    <p>段落四</p>
</body>
</html>

通过浏览器打开的效果
在浏览器中直接打开上面的文件，可以发现“段落二”变红了，如下所示：在这里插入图片描述
通过ip访问的形式打开页面，发现变红的是“段落一”这几个字：

而如果将html文件中的四个p元素放到一个标签中，而不是直接放在body中，此时通过浏览器直接访问html文件和通过ip访问的效果是一样的，将上述四个p元素放到div中，上面的代码将变成如下内容：

<!DOCTYPE html>
<html>
<head>
    <style>
        p:nth-child(2) {
            color: red;
        }
    </style>
</head>
<body>
    <div>
        <p>段落一</p>
        <p>段落二</p>
        <p>段落三</p>
        <p>段落四</p>
    </div>
</body>
</html>

通过浏览器直接打开的效果：
在这里插入图片描述
通过ip访问的形式打开：

欧阳方超

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ftp和http方式访问html文件(纯现象)

关键词：nth-child()，ftp，http1.概述记录一些现象吧，html文件可以直接使用浏览器打开，也可以先把html文件部署在服务器上然后通过ip访问，前者使用的是ftp协议，后者使用的是http协议。下面的html文件在通过这两种方式打开时的现象有所不同，具体如下。<!DOCTYPE html><html><head> <style> p:nth-child(2) { color: red
复制链接

扫一扫