Taxonomy pages

I am trying to understand the concept behind taxonomy pages /taxonomy/tags.html as example.

When the link to a particular tag (say “News”) is clicked, the following code shows pages that have the tag set.

<p class="bar1">Articles for {{ .Page.Title }} </p>
{{ range .Data.Pages }}

      <h2> <a href="{{.RelPermalink}}">{{ .Title }}</a> </h2>
       <p> {{ .Summary }} </p>
{{ end }}

My question is, how does Hugo know .Page.Title refers to the relevant link because it correctly shows up as “Articles for News” in the output.

I am trying to include Paginator here and having issues that’s why I want to understand the environment passed to this page.

Thanks in advance!

I think the dot context docs may help your understanding: