我无法在 Django 中单击图像 url

Question

所以我想在博客应用程序中加入这个标志，它将成为每个页面的一部分，这样用户就可以随时点击它，理想情况下，当他们点击它时，它会引导他们进入一个包含文章的页面。 所以这是我在基本文件中编写的代码，但由于某种原因它不可点击：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>

任何建议如何解决它？

Answer 1

请将图像 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>

Answer 2

徽标图像应放入锚点：

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

请不要忘记图片的alt和锚点的title ，以使您的页面更适合有“障碍”的人

我无法在 Django 中单击图像 url

问题描述

2 个解决方案

解决方案1
0 2022-09-24 12:53:15

解决方案2
0 2022-09-24 21:48:12

我无法在 Django 中单击图像 url

问题描述

2 个解决方案

解决方案1 0 2022-09-24 12:53:15

解决方案2 0 2022-09-24 21:48:12

解决方案1
0 2022-09-24 12:53:15

解决方案2
0 2022-09-24 21:48:12