Làm cách nào để tạo chân trang đầu trang và điều hướng trong html?

Question

Hầu hết các trình duyệt web hiện tại đều hỗ trợ các thành phần HTML5 ở trên và truyền tải thông tin đến công nghệ hỗ trợ thông qua các API trợ năng. Tuy nhiên, để tối đa hóa khả năng tương thích với các trình duyệt web và công nghệ hỗ trợ hỗ trợ WAI-ARIA nhưng chưa hỗ trợ HTML5, hiện tại nên sử dụng cả phần tử HTML5 và vai trò WAI-ARIA tương ứng

Nội dung chính Show

Vùng trang trong HTML4 bằng WAI-ARIA
Thuộc tính
ghi chú sử dụng
Làm cách nào để tự động bao gồm điều hướng đầu trang và chân trang của bạn trên mọi trang trong HTML?
Làm cách nào để chèn tiêu đề trong HTML?
Làm cách nào để tạo chân trang trong HTML?
Sự khác biệt giữa thẻ NAV và chân trang là gì?

Khám phá các tài nguyên WAI-ARIA khác

Vùng trang trong HTML4 bằng WAI-ARIA

Nếu không thể sử dụng HTML5 hoặc nếu trang HTML4 được trang bị thêm để cải thiện khả năng truy cập, hãy thêm mã WAI-ARIA vào các phần tử div hoạt động như các đối tác HTML5 của chúng, chẳng hạn

Phần tử HTML

đại diện cho một phần của trang có mục đích cung cấp các liên kết điều hướng, trong tài liệu hiện tại hoặc tới các tài liệu khác. Các ví dụ phổ biến về phần điều hướng là menu, mục lục và chỉ mục

Thử nó

Danh mục nội dung Nội dung luồng, nội dung phân đoạn, nội dung có thể sờ thấy. Nội dung được phép Nội dung luồng. Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép Bất kỳ phần tử nào chấp nhận nội dung luồng. Vai trò ARIA ngầm địnhnavigationCác vai trò ARIA được phépKhông có roleđược phépGiao diện DOMHTMLElement

Thuộc tính

Phần tử này chỉ bao gồm các thuộc tính toàn cầu

ghi chú sử dụng

Không nhất thiết phải chứa tất cả các liên kết trong phần tử
.
chỉ dành cho một khối liên kết điều hướng chính;

Một tài liệu có thể có một số phần tử

, ví dụ: một phần tử dành cho điều hướng trang và một phần tử dành cho điều hướng trong trang.

<nav>
  <h2>Navigationh2>
  <p>
    You are on my home page. To the north lies <a href="/blog">my bloga>, from
    whence the sounds of battle can be heard. To the east you can see a large
    mountain, upon which many <a href="/school">school papersa> are littered.
    Far up thus mountain you can spy a little figure who appears to be me,
    desperately scribbling a <a href="/school/thesis">thesisa>.
  p>
  <p>
    To the west are several exits. One fun-looking exit is labeled
    <a href="https://games.example.com/">"games"a>. Another more
    boring-looking exit is labeled <a href="https://isp.example.net/">ISP™a>.
  p>
  <p>
    To the south lies a dark and dank <a href="/about">contacts pagea>.
    Cobwebs cover its disused entrance, and at one point you see a rat run
    quickly out of the page.
  p>
nav>

1 có thể được sử dụng trong trường hợp này để thúc đẩy khả năng tiếp cận, xem ví dụ

Tác nhân người dùng, chẳng hạn như trình đọc màn hình nhắm mục tiêu người dùng bị vô hiệu hóa, có thể sử dụng phần tử này để xác định xem có bỏ qua hiển thị ban đầu của nội dung chỉ điều hướng hay không

ví dụ

Trong ví dụ này, một khối

được sử dụng để chứa một danh sách (

<nav>
  <h2>Navigationh2>
  <p>
    You are on my home page. To the north lies <a href="/blog">my bloga>, from
    whence the sounds of battle can be heard. To the east you can see a large
    mountain, upon which many <a href="/school">school papersa> are littered.
    Far up thus mountain you can spy a little figure who appears to be me,
    desperately scribbling a <a href="/school/thesis">thesisa>.
  p>
  <p>
    To the west are several exits. One fun-looking exit is labeled
    <a href="https://games.example.com/">"games"a>. Another more
    boring-looking exit is labeled <a href="https://isp.example.net/">ISP™a>.
  p>
  <p>
    To the south lies a dark and dank <a href="/about">contacts pagea>.
    Cobwebs cover its disused entrance, and at one point you see a rat run
    quickly out of the page.
  p>
nav>

3) liên kết không có thứ tự. Với CSS phù hợp, điều này có thể được trình bày dưới dạng thanh bên, thanh điều hướng hoặc menu thả xuống

<nav class="menu">
  <ul>
    <li><a href="#">Homea>li>
    <li><a href="#">Abouta>li>
    <li><a href="#">Contacta>li>
  ul>
nav>

Ngữ nghĩa của phần tử

<nav>
  <h2>Navigationh2>
  <p>
    You are on my home page. To the north lies <a href="/blog">my bloga>, from
    whence the sounds of battle can be heard. To the east you can see a large
    mountain, upon which many <a href="/school">school papersa> are littered.
    Far up thus mountain you can spy a little figure who appears to be me,
    desperately scribbling a <a href="/school/thesis">thesisa>.
  p>
  <p>
    To the west are several exits. One fun-looking exit is labeled
    <a href="https://games.example.com/">"games"a>. Another more
    boring-looking exit is labeled <a href="https://isp.example.net/">ISP™a>.
  p>
  <p>
    To the south lies a dark and dank <a href="/about">contacts pagea>.
    Cobwebs cover its disused entrance, and at one point you see a rat run
    quickly out of the page.
  p>
nav>

4 là cung cấp các liên kết. Tuy nhiên, phần tử

<nav>
  <h2>Navigationh2>
  <p>
    You are on my home page. To the north lies <a href="/blog">my bloga>, from
    whence the sounds of battle can be heard. To the east you can see a large
    mountain, upon which many <a href="/school">school papersa> are littered.
    Far up thus mountain you can spy a little figure who appears to be me,
    desperately scribbling a <a href="/school/thesis">thesisa>.
  p>
  <p>
    To the west are several exits. One fun-looking exit is labeled
    <a href="https://games.example.com/">"games"a>. Another more
    boring-looking exit is labeled <a href="https://isp.example.net/">ISP™a>.
  p>
  <p>
    To the south lies a dark and dank <a href="/about">contacts pagea>.
    Cobwebs cover its disused entrance, and at one point you see a rat run
    quickly out of the page.
  p>
nav>

4 không nhất thiết phải chứa danh sách, nó cũng có thể chứa các loại nội dung khác. Trong khối điều hướng này, các liên kết được cung cấp bằng văn xuôi

Làm cách nào để tự động bao gồm điều hướng đầu trang và chân trang của bạn trên mọi trang trong HTML?

Ví dụ: trường hợp sử dụng cho phần lớn toàn bộ internet, bao gồm đầu trang và chân trang cho tất cả các trang. . Content Làm cách nào để chèn tiêu đề trong HTML?

Phần tử

element đại diện cho một vùng chứa nội dung giới thiệu hoặc một tập hợp các liên kết điều hướng. Một phần tử

Làm cách nào để tạo chân trang trong HTML?

Trong HTML, chúng ta có thể dễ dàng tạo chân trang trong tài liệu sẽ được hiển thị trên trang web bằng hai phương pháp khác nhau sau đây. Sử dụng thẻ Html. .

<. Loại tài liệu Html>

<Đầu>

Tạo footer bằng thẻ Html

.

Sự khác biệt giữa thẻ NAV và chân trang là gì?

The

programming html

Làm cách nào để tạo chân trang đầu trang và điều hướng trong html?

Vùng trang trong HTML4 bằng WAI-ARIA

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội