Tag url dan Tag static
Tautkan rute dan aset tanpa menulis path secara langsung
Tag url dan Tag static adalah pelajaran Django Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Django Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Django Academy mencakup 4 pelajaran total.
Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.
Never Hardcode Paths
Typing URLs and file paths by hand breaks the moment they change. Django gives you the url and static tags to build them safely. 🔗
The url Tag Builds Routes
The url tag turns a route name into its real path. Rename the URL pattern later and every link updates automatically.
<a href="{% url 'home' %}">Home</a>Name Your Routes First
For url to work, give each pattern a name in urls.py. That name is the stable handle the template refers to.
path("about/", views.about, name="about")Passing URL Arguments
If a route needs a value, pass it after the name. Django slots the argument into the path where the converter expects it.
{% url 'post_detail' post.id %}Namespaced URL Names
When an app sets an app_name, reference routes with a prefix like blog:detail to avoid clashing with other apps.
{% url 'blog:detail' post.id %}The static Tag for Assets
The static tag builds the correct URL to a CSS, JS, or image file, even when storage paths differ in production.
{% static 'css/style.css' %}Load static First
Before using the tag you must load static near the top of the template, which pulls the tag into that file.
{% load static %}Linking a Stylesheet
Combine the pieces to link a stylesheet the safe way, so the path stays valid no matter where files are served from.
<link rel="stylesheet" href="{% static 'css/style.css' %}">Showing an Image
The same static tag works for images. Point it at a file under your static folder and Django resolves the full URL.
<img src="{% static 'img/logo.png' %}">Why static Matters
In production, assets often move to a CDN or hashed path. The static tag hides that, so your templates never need editing.
Two Tags, One Goal
Both tags share a purpose: let Django compute paths so you do not. Use url for views and static for files.
Quick Check
Pick the right tag for the right job.
Recap: Safe Links
You learned to build view paths with the url tag and asset paths with static, after loading static. That wraps up rendering HTML with data.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tag url dan Tag static” gratis?
Ya — teks lengkap “Tag url dan Tag static” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Django Academy, upgrade ke CoddyKit PRO. Kursus Django Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Tag url dan Tag static”?
Tautkan rute dan aset tanpa menulis path secara langsung Kamu berlatih Django Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Django Academy?
Tidak diperlukan pengalaman sebelumnya. Django Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Tag url dan Tag static” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Django Academy ini?
Ya. Setiap pelajaran Django Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- render() dan Konteks Template
- Tag dan Filter Template
- Pewarisan Template dengan extends dan block
- Tag url dan Tag static