No caso no link href, relacionado as fontes usadas nas paginas, há uma diferença entre a index.html e a imagem.html. No caso se criaria um novo block apenas para essa linha de código?
No caso no link href, relacionado as fontes usadas nas paginas, há uma diferença entre a index.html e a imagem.html. No caso se criaria um novo block apenas para essa linha de código?
Olá Breno, como você está?
Você está correto. Nesse caso, você pode utilizar a mesma lógica de criação de blocos (block
) que foi utilizada para o conteúdo (content
) das páginas. Você pode criar um bloco específico para a tag <link>
que contém as fontes usadas nas páginas e, em seguida, definir o conteúdo desse bloco nos arquivos que herdam de base.html
.
Na prática, teríamos a seguinte organização:
base.html:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>{% block title %}Alura Space{% endblock %}</title>
<link rel="stylesheet" href="{% static 'galeria/css/estilos.css' %}">
{% block fontes %}{% endblock %}
</head>
Em seguida, em index.html e imagem.html, você pode definir o conteúdo desse bloco específico:
{% extends 'galeria/base.html' %}
{% load static %}
{% block fontes %}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap" rel="stylesheet">
{% endblock %}
{% block content %}
<div class="pagina-inicial">
<!-- Conteúdo da página -->
</div>
{% endblock %}
Dessa forma, cada página pode definir suas próprias fontes no bloco "fontes", sem precisar repetir a fonte pré-definida no arquivo base.html
. Ou seja, você pode adicionar uma nova tag <link>
em index.html
com uma fonte diferente da usada em imagem.html
, por exemplo, sem precisar alterar o código de base.html
. Isso aumenta a reutilização de código e facilita a manutenção do projeto no futuro.
Espero ter ajudado. Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.
Em caso de dúvidas estou à disposição.
Abraços e bons estudos!