Я не могу нажать на url изображения в Django

Итак, я хотел иметь этот логотип в приложении блога, который должен быть частью каждой страницы, чтобы пользователи всегда могли нажать на него, и в идеале, когда они нажмут на него, он должен привести их на страницу со статьями. Вот код, который я написал в файле base, но по какой-то причине он не кликабелен: base.html

{%  load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Articles</title>
    <link rel="stylesheet" href="{% static 'styles.css' %}" >
</head>
<body>
    <div class = "wrapper">
        <h1><a href = "{% url 'articles:list' %}"> </a><img src="{% static 'article.png' %}"/> </h1>
        {% block content %}
        {% endblock %}
    </div>
    
</body>
</html>

Есть предложения, как это исправить?

Пожалуйста, сохраняйте src изображения внутри тега якоря

 {%  load static %}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Articles</title>
        <link rel="stylesheet" href="{% static 'styles.css' %}" >
    </head>
    <body>
        <div class = "wrapper">
            <h1><a href = "{% url 'articles:list' %}"> <img src="{% static 'article.png' %}"/></a> </h1>
<!--changes here-->
            {% block content %}
            {% endblock %}
        </div>
        
    </body>
    </html>

изображение логотипа должно быть в анкоре:

<h1>
    <a href = "{% url 'articles:list' %}" title="????">
        <img src="{% static 'article.png' %}" alt="????" />
    </a>
</h1>

пожалуйста, не забывайте alt для изображения и title для якоря, чтобы сделать вашу страницу лучше для людей с "барьерами"

Вернуться на верх