Summary - Multilingual menu

Build a menu with download, external and language links.

What we learned in this unit

In this unit you met the advanced features of links:

download for downloadable file links
rel values: noopener, noreferrer, license, bookmark
hreflang and rel="alternate" for multilingual pages
aria-label for accessible links
the right choice between <a> and <button>

Now we will combine them into a multilingual menu.

Exercise Complete the multilingual menu

Add three links to the existing menu. First, an external link: href goes to https://wikipedia.org, rel="noopener noreferrer" for safety and the text Wikipedia. Second, a download link: href to /files/brochure-2026.pdf, with the download attribute and file name brochure.pdf, text Download brochure. Third, a language link: href to /tr/hakkında, with hreflang="tr" and rel="alternate", text Türkçe.

Show example solution

<li><a href="https://wikipedia.org" rel="noopener noreferrer">Wikipedia</a></li>
<li><a href="/files/brochure-2026.pdf" download="brochure.pdf">Download brochure</a></li>
<li><a href="/tr/hakkında" hreflang="tr" rel="alternate">Türkçe</a></li>

Test yourself

Which attribute makes a link behave as a download?
- download
- hreflang
- canonical
- aria-label
Show answer

download — Correct. The download attribute makes the link download.
Match each attribute to its role

download

File download
noopener

Safe external link
hreflang

Multilingual page
canonical

Main URL
aria-label

Accessible link

Next lesson: Project: Product landing page

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies