小编Met*_*ape的帖子

对于一个基本的静态网站,有几个页面和子页面,我对HTML页面的目录结构的最佳实践感到困惑.

假设我有一个这样的简单网站:
索引(主页)页面,关于,联系人和新闻页面.在新闻页面上,有两个链接指向新闻页面的两个子页面,fizz.html和buzz.html

是否最好将所有HTML页面放在同一个根目录文件夹中,如下所示？

防爆.1

/foobar.com
  /css
  /js
  index.html
  about.html
  contact.html
  news.html
  fizz.html
  buzz.html

或者最好将所有子页面放在一个单独的目录文件夹中？

防爆.2

/foobar.com
  /css
  /js
  index.html
  about.html
  contact.html
  news.html
  /news
     fizz.html
     buzz.html

或者是否最好将任何带有子页面的页面都放在它自己的文件夹中？

防爆.3

/foobar.com
  /css
  /js
  index.html
  about.html
  contact.html
  /news
     news.html (maybe named index.html?)
     fizz.html
     buzz.html

如果方法在Ex.3是组织的最佳方式,您希望将news.html保留为原样,还是将其名称更改为index.html？在后者的情况下,有多个名为index的html文件是不是很糟糕？这也引起了SEO问题吗？

我目前的测试网站是根据Ex编制的.2,这会导致问题,例如:如果用户在www.foobar.com/news/fizz.html,并且他们想要返回新闻页面,如果他们碰巧删除了"fizz.html" URL,它不起作用.

所以我猜测Ex.3是构建网站的正确方法吗？我在这里有点困惑.

与将图像设置为:相同的方式:

img {max-width: 100%;}

例如:https://jsfiddle.net/kvp7n29n/10/ ...当你使浏览器窗口的宽度变小时,按比例缩放图像,当浏览器的高度变小时,如何获得相同的缩放效果？

我试图完成的最终效果就像你在许多响应式灯箱上看到的那样,例如:http://dimsemenov.com/plugins/magnific-popup/ .

^^我不一定想制作灯箱本身,但是当你点击那里的单个图像演示时,注意到灯箱会出现图像,无论你缩小浏览器窗口的宽度或高度,图像都在灯箱在缩小时保持成比例.

那么如何才能在上面的jsfiddle中对那只小猫进行同样的比例缩放效果呢？.