刘华佼的全栈学习记录

5-11 661#task是什么东东?

| Comments

郭同学的问题:

https://fullstack.xinshengdaxue.com/posts/661,这个打开,点击【提交作业】按钮后进入作业页面,即下面的链接
https://fullstack.xinshengdaxue.com/tasks/220,把作业写好,点击按钮【提交】,后变成下面的链接,
https://fullstack.xinshengdaxue.com/posts/661#task

最后链接中的661#task是怎么来的呢?

助教@baohua的解答如下:

(郭同学先问了我,我好奇心重去slack上问了助教。)

“#” 这个符号,你可以理解为网页中的一个位置,像锚点一样。

点击后直接跑到某个网页中,某个特定的位置。

http://baike.baidu.com/link?url=2_Lxy1dX7X9SRSmZt8NOYb7YsqTdaEFCyhE5uZYYoOqQd_Vv6IT4zLOdhjIXy3bXhgoGMEiSDpyYpkhqbT4kia#6

例如这个网页#6就是这个网页中“发明人”这一段的开头部分,点击这个链接,网页打开后,直接跑到发明人这个位置,而不是这个页面的开头部分。

例如下边标注出来的部分,对应#1….6

锚点是在html中定义,要定义一个这个位置,点击了这个链接,网页就能跳转到这个位置。

全栈营的网页https://fullstack.xinshengdaxue.com/posts/661#task 的“本节作业”就对应这样的代码:

<div class="post-task-block" id="task">
      <h4><i class="fa fa-file-code-o"></i>本节作业</h4>

......

 </div>

所以网址中的#task应该是对应代码中的id:task。至于全栈营是怎么让点击提交按钮后,在跳转的url后加上#task,我就不太清楚啦。

Comments

comments powered by Disqus