CSS chân trang

Phần tử HTML

đại diện cho phần chân trang cho tổ tiên hoặc phần tử gần nhất của nó. Một
thường chứa thông tin về tác giả của phần, dữ liệu bản quyền hoặc liên kết đến các tài liệu liên quan

Danh mục nội dung, nội dung sờ thấy. Nội dung được phép, nhưng không có con cháu

hoặc
. 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. Lưu ý rằng phần tử
không được là phần tử con của phần tử
,
hoặc một phần tử
khác. Nội dung thông tin vai trò ARIA ẩn hoặc nếu là hậu duệ của một bài báo, phần tử phụ, phần chính, phần điều hướng hoặc phần hoặc phần tử có
#footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 60px;   /* Height of the footer */
   background: #6cf;
}
0, phần bổ sung, phần chính, phần điều hướng hoặc vùng Vai trò ARIA được phép
0,
1 hoặc
2Giao diện DOM
3

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

  • Đính kèm thông tin về tác giả trong phần tử
    có thể được đưa vào phần tử
  • Khi nội dung phân đoạn tổ tiên gần nhất hoặc phần tử gốc phân chia là phần tử nội dung, chân trang sẽ áp dụng cho toàn bộ trang
  • Phần tử
    không phải là phần nội dung và do đó không giới thiệu phần mới trong dàn ý

<footer>
  Some copyright info or perhaps some author info for an <article>?
footer>

Trước khi phát hành Safari 13,

7 không được VoiceOver hiển thị đúng cách. Nếu cần hỗ trợ các trình duyệt Safari cũ, hãy thêm
8 vào phần tử
9 để đảm bảo mốc sẽ được hiển thị chính xác

Để tạo chân trang ở cuối trang web Chúng tôi có thể cố định vị trí của nó ở cuối trang web để nếu bạn cuộn xuống trang web đó, bạn vẫn có thể xem chân trang từ bất kỳ vị trí nào trên trang. Để cố định chân trang ở cuối trang web, bạn có thể sử dụng vị trí. đã sửa. cú pháp

#footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 60px;   /* Height of the footer */
   background: #6cf;
}

Ví dụ.  

html




1
2____23

 

1
5
3

7____21
9
3

11
12

13
14

13
16

13
18

13
20

13
22

13
24

13
26

11
28

7____230
9
3

 

7
1
5
3

 

11
1
39
3

13
1
13
3

15
1____217
18
19
50
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____254
55
54
3

52
1____217
18
19
129____2130

52____2132

15
30____217
3

15
30____217
3

13
30
13
3

11
30
39
3

11
1
2
3

đầu ra.

CSS chân trang

CSS là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách tạo kiểu trang web và ứng dụng web. Bạn có thể học CSS từ đầu bằng cách làm theo Hướng dẫn CSS và Ví dụ về CSS này

Chân trang trong CSS là gì?

Chân trang trong CSS được dùng khi người dùng muốn cố định các phần tử ở vị trí dưới cùng để phân tách logic của các phần tử trên cùng với logic của các phần tử dưới cùng. There are 2 types of footer fixed footer and Movable footer.

Làm cách nào để đặt 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
.
.
Thiết kế chân trang đáp ứng với HTML CSS .
Bước 1. Thiết kế trang web tạo phần footer. .
Bước 2. Cấu trúc cơ bản của Responsive Footer Design. .
Bước 3. Thêm tất cả thông tin trong Thiết kế chân trang HTML. .
Bước 4. Tạo phần bản quyền trong Responsive Footer Design. .
Bước 5. Tạo thanh menu chân trang
Sử dụng HTMLElement. Phần tử chân trang đại diện cho phần chân trang cho nội dung phân đoạn tổ tiên gần nhất hoặc phần tử gốc phân chia . Chân trang thường chứa thông tin về phần của nó, chẳng hạn như ai đã viết nó, liên kết đến các tài liệu liên quan, dữ liệu bản quyền, v.v.