DEV Community

Diego Novais
Diego Novais

Posted on

15 2

Estrutura de uma URL

Quando digitamos um endereço na web para acessar um determinado site, informamos uma URL para que o navegador possa encontrar e acessar a página, serviço ou recurso.

O que é uma URL?

URL (acrônimo em inglês para Uniform Resource Locator) é um padrão definido em 1994 na RFC 1738 por Tim Berners-Lee (conhecido como o pai da "world Wide Web").

Uma URL é composta por uma série de informações específicas e um conjunto limitado de caracteres pertencentes ao conjunto de caracteres US-ASCII, seguindo um padrão para que possamos encontrar um serviço ou um recurso específico. Dessa forma os caracteres permitidos não incluem os acentos como os encontrados na língua portuguesa.

Para encontrarmos o que desejamos, precisamos digitar a URL corretamente.

Entenda a estrutura de uma URL

Estrutura de uma URL

Uma URL possui a seguinte estrutura:

1. Protocol (protocolo)

https://
Enter fullscreen mode Exit fullscreen mode

Toda URL se inicia com um protocolo para sinalizar o tipo de comunicação será feita através do endereço digitado para acessar um recurso na Internet.

Neste exemplo, o protocolo usado é o https. Contudo, existem muitos outros (FTP, News, Mailto, etc.).

2. Host

www.diegonovais.com.br
Enter fullscreen mode Exit fullscreen mode

O host é um nome (composto pelo subdomínio quando houver e pelo domínio) identificando um computador na internet (ou seu número de endereço IP).

3. Port (porta)

https://www.diegonovais.com.br:3000
Enter fullscreen mode Exit fullscreen mode

A porta é um número TCP associado ao protocolo usado na URL (como no exemplo :3000). A porta pode estar explicito apontando para uma porta específica, mas geralmente a porta não fica explicita na URL pois cada protocolo tem uma porta padrão (convenciona-se por exemplo que http é dado pela porta 80).

4. Path (caminho)

https://www.diegonovais.com.br:3000/blog/technologies.html
Enter fullscreen mode Exit fullscreen mode

O path é localização para encontrar o recurso, arquivo ou objeto dentro do servidor (exemplo /blog/technologies.html).

5. Query String (parâmetros)

https://www.diegonovais.com.br:3000/blog/technologies.html?name=ruby&subject=fundamentals
Enter fullscreen mode Exit fullscreen mode

A query string é um conjunto de um ou mais pares "pergunta-resposta" ou "parâmetro-argumento". Como no exemplo acima após ? (interrogação):

?name=ruby&subject=fundamentals

Para entendermos melhor:

name = ruby
subject = fundamentals
Enter fullscreen mode Exit fullscreen mode

Quando é feita a requisição no servidor as query strings são enviadas ao servidor para que seja possível filtrar ou mesmo criar o recurso.

6. Fragment (fragmento)

https://www.diegonovais.com.br/blog/technologies.html?name=ruby&subject=fundamentals#starting
Enter fullscreen mode Exit fullscreen mode

Um fragmento representa um "marcador" (âncora) que permite o navegador dar scrool na página (HTML) até encontrar e mostrar um determinado conteúdo referente a um elemento id com uma string igual ao valor passado ao fragmento: id="starting". Sua representação é a partir de um # seguido de uma string, como no exemplo acima: #starting. Além disso o fragmento não será enviado para o servidor junto com a requisição.

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs