Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Quero saber para que serve isso ou como funciona, pois quando eu clico em algo, parece que é um iframe, só troca o conteúdo de uma parte do site, exemplo: site.com/postagem/ fica site.com/postagem/#fotos
pesquise por ajax e SPAs (Angular,React,Backbone,VUE,etc)
serve para exatamente isso que você descreveu, atualizar partes do site sem dar refresh na página toda.
Apenas complementando a resposta do @William Bruno. Originalmente, a cerquilha tinha como objetivo ser a âncora de um conteúdo (anchor). Ao utilizar na URL, era possível linkar a URL mais o ID de algum elemento. O navegador se tornava responsável por levar o cursor (barra de rolagem) até o elemento linkado. Ou seja:
<div id="section-1"></div>
<div id="section-2"></div>
<div id="section-3"></div>
<div id="section-4"></div>
<div id="section-5"></div>
E o link:http://site.com.br/pagina.php#section-3
O antigo anchor não possuía peso semântico de uma URL, mas possuía uma distinção visto que levava o usuário a um ponto específico de uma página.
Com o passar dos anos, os desenvolvedores Front-End, em conjunto com as bibliotecas em JavaScript, passaram a utilizar o anchor com outro propósito, visto que apenas a mudança do anchor (enquanto a url acessada continuar a mesma) não resultará em uma nova requisição HTTP, pois, em escala global, o anchor era muito pouco utilizado (as bibliotecas javascript supriam a necessidade do anchor e ainda adicionavam novos comportamentos/efeitos).
Com o início das Single Page Applications, iniciou-se a "reciclagem" do anchor com um novo propósito e, em consquência, um novo peso semântico.
Um exemplo q você provavelmente já usou e que o Gabriel exemplificou foi o WikiPedia.
https://pt.wikipedia.org/wiki/Star_Trek_Generations
Ao clicar em qualquer um dos 'topicos'
É alterado a URL e movendo a visualização diretamente para aquele id
/applications/core/interface/imageproxy/imageproxy.php?img=http://imgh.us/Screenshot_20170208-074219~2.png&key=d6300f9446c1cb1d001581d3ef564de22e502d39f8ec0a8cc2c66f839f417cea" />
Ex
Ao clicar em 'Producao' a URL fica assim;
[https://pt.wikipedia.org/wiki/Star_Trek_Generations#Produ.C3.A7.C3.A3o](https://pt.wikipedia.org/wiki/Star_Trek_Generations#Produ.C3.A7.C3.A3o)
São âncoras, não tem nada a ver com php, é javascript e html.