Đừng để lẫn lộn với <nav>
và <ul>
. Cả hai đều có thể được sử dụng cùng nhau cho một menu điều hướng.
Nav
là thẻ HTML5. Nếu bạn đang tạo thứ gì đó trong HTML5, bạn có thể sử dụng <nav>
vì không có giới hạn, nhưng không phải tất cả trình duyệt đều sẽ hiển thị chính xác điều này.
<nav>
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
</nav>
- Read about Html 5
Ul
tạo ra một danh sách có thứ tự. Không có thứ tự có nghĩa là các mục trong danh sách sẽ không theo bất kỳ thứ tự cụ thể nào. Bạn có thể lồng một phần tử ul
bên trong nav
để đặt liên kết của bạn.
Đọc thêm về thẻ HTML và cách chúng hoạt động here.
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
Điều này sẽ tạo thanh điều hướng bạn phải đặt một số kiểu CSS để trông đẹp hơn.
Cả hai mã trên sẽ tạo ra cùng một kết quả. Sự khác biệt duy nhất là nav
cho trình duyệt biết rằng phần tử này dành cho mục đích điều hướng s.
Nó sẽ ít thân thiện với SEO hơn nếu tôi không sử dụng nav? Nếu không thì tôi không thấy bất kỳ lợi thế nào của nav – qwertymk
@qwertymk như tôi đã nói, không có lợi thế nào về SEO (tại thời điểm này) và cũng không có trong tương lai gần. – Christoph