Tiêu đề cố định của HTML Trang web hoặc tiêu đề cố định CSS chứa điều hướng tiêu đề được cố định ở trên cùng bằng cách sử dụng vị trí cố định khi cuộn.

Bạn đang xem : cách tạo tiêu đề cố định trong html

Chúng tôi có thể tạo tiêu đề cố định bằng cách sử dụng CSS. Tiêu đề như vậy cố định trên đầu là phổ biến trong các trang web. Điều hướng tiêu đề cố định HTML là một trong những phần thiết yếu của trang web, tiêu đề có điều hướng như vậy đang là xu hướng ngày nay. Header có nhiều tính năng đặc biệt là điều hướng. Đáng ngạc nhiên là có thể sử dụng tiêu đề Sticky với CSS hoàn chỉnh. Vì vậy, thực hành làm cho Header dính hoặc CSS tiêu đề cố định rất được sử dụng trong thiết kế trang web. Trong hướng dẫn này, chúng tôi sẽ tạo một tiêu đề cố định CSS khi cuộn với điều hướng.

Như đã nói, tiêu đề cố định CSS có điều hướng mang logo, dòng giới thiệu (đôi khi) và quan trọng nhất là điều hướng. Điều khá cần thiết là Tiêu đề phải Cố định, đáp ứng và được căn chỉnh tốt. Khi tiêu đề của bạn ổn định, bất kể trang của bạn dài bao nhiêu hoặc bạn cuộn lên bao nhiêu lần và xuống, điều hướng sẽ bị “mắc kẹt” ở đầu trang web. Một số lý do để sử dụng tiêu đề cố định là:

  • trang web trông gọn gàng và hiện đại hơn
  • Cải thiện
    Trải nghiệm người dùng trở nên dễ dàng hơn
  • Bạn
    có nhiều tùy chọn hơn để chơi

Vì vậy, trong hướng dẫn về tiêu đề cố định HTML này, chúng ta sẽ tìm một cách dễ dàng để tạo điều hướng tiêu đề cố định. Chúng tôi sẽ hướng dẫn bạn qua hướng dẫn từng bước ngay từ đầu để tạo ra một dính điều hướng , tức là tiêu đề.

Học cách tạo tiêu đề hấp dẫn bằng HTML và CSS với ví dụ

Được rồi! Trước khi bắt đầu, hãy thông báo rằng chúng tôi đang tạo tiêu đề cố định HTML (với thanh điều hướng), biểu ngữ và một số nội dung để chúng tôi có thể cuộn và thấy rằng tiêu đề của chúng tôi thực sự hấp dẫn. Tôi lấy 100% chiều rộng của khung nhìn, đây là thiết kế thịnh hành nhất của các trang web tốt nhất hiện nay. Để tham khảo, bạn có thể xem wikitechy , nhộn nhịp niwomb sử dụng điều hướng tiêu đề cố định một cách tốt nhất.

Hy vọng bây giờ chúng tôi sẵn sàng sử dụng tiêu đề cố định thực sự của mình.

Bước 1: Tạo Mẫu và Chuẩn hóa Kiểu của Tiêu đề Cố định

Viết bản soạn thảo HTML5 cơ bản và trong style.css của bạn (bên trong thư mục css) để điều hướng tiêu đề cố định của chúng tôi, hãy chèn tuân theo các quy tắc chuẩn hóa CSS.

  body {
    lề: 0;
}
một{
    màu sắc: kế thừa;
    văn bản-trang trí: không có;
}
h1, h2, h3, h4, h5, h6, p {
    lề: 0;
}
.d-flex {
    hiển thị: flex;
}  

Những gì chuẩn hóa làm là giúp chúng ta loại bỏ các lề, khoảng đệm và kiểu không cần thiết mà chúng ta thường phải loại bỏ. Ở đây chúng tôi đã khai báo d-flex trên đầu trang định kiểu của mình vì nó sẽ rất hữu ích khi tạo tiêu đề đáp ứng. Flexbox là một kỹ thuật mạnh mẽ thiết kế bố cục CSS3 mới. Nó cực kỳ mạnh mẽ nhưng rất khó để làm chủ đồng thời.

Chỉ dành cho mẹo : Tôi đã sử dụng Montserrat và Anton cho hướng dẫn điều hướng tiêu đề dính và sans-serif như phông chữ dự phòng mà bạn có thể lấy từ Phông chữ Google. Vì vậy, không cần phải đề cập đến, hãy liên kết chúng trong dự án của bạn để có được kết quả chính xác. Tuy nhiên, đó hoàn toàn là sự lựa chọn của bạn.

Bước 2: Tạo nội dung cho tiêu đề cố định CSS

Đã đến lúc bắt đầu tạo tiêu đề của chúng tôi. Yahoo! Hãy lấy biểu trưng và thanh điều hướng trong Tiêu đề của trang web của chúng tôi.

  & lt; div id = "intro" & gt;
& lt; h2 & gt; Tiêu đề Cố định Chỉ sử dụng HTML và CSS & lt; / h2 & gt;
& lt; p & gt; Một cách hiện đại và thanh lịch & lt; / p & gt;
& lt; p & gt; bởi & lt; strong & gt; w3codepen & lt; / strong & gt; & lt; / p & gt;
& lt; / div & gt;  

Đây là một số văn bản giới thiệu phía trên tiêu đề thực của chúng tôi. Dưới đây là một số CSS đơn giản để tạo kiểu cho nó.

  #intro {
text-align: center;
đệm: 20px 0;
}  

Điều đó khá cơ bản và có thể tự giải thích. Trọng tâm chính của chúng tôi là điều hướng trên Header. Vì vậy, chúng ta hãy làm một cái. Ở đây, tôi chọn Tiêu đề có logo ở bên trái và căn chỉnh ở giữa, tức là lớp .container .

 & lt; section class = "navbar d-flex navbar-fixed-top" & gt;
             & lt; div class = "logo" & gt;
        & lt; a href = "#" & gt; W3 & lt; sup & gt; STICKY & lt; / sup & gt;
                & lt; small & gt; Header & lt; / small & gt; & lt; / a & gt;
             & lt; / div & gt;
            & lt; nav class = "navbar" & gt;
& lt; ul class = "nav" & gt;
& lt; li class = "active" & gt; & lt; a href = "#" & gt; Trang chủ & lt; / a & gt; & lt; / li & gt;
& lt; li & gt; & lt; a href = "#" & gt; Chương trình & lt; / a & gt; & lt; / li & gt;
& lt; li & gt; & lt; a href = "#" & gt; Blog & lt; / a & gt; & lt; / li & gt;
& lt; li & gt; & lt; a href = "#" & gt; Liên hệ & lt; / a & gt; & lt; / li & gt;
& lt; / ul & gt;
            & lt; / nav & gt;
    & lt; / section & gt;  

Trong đoạn mã trên, chúng tôi đã thiết kế Header có biểu tượng ở bên trái ( class = “logo” ) và thanh điều hướng trên ul ( class = “navbar” ) ở ngay bên trong div của navbar. Trọng tâm của chúng tôi là làm cho thanh điều hướng Giữ vị trí trên cùng. Vì vậy, chúng tôi đã thêm lớp navbar-fixed-top .

Bước 3: Tạo kiểu cho HTML Sticky Header

Hãy cung cấp một số CSS thực tế để cấu trúc HTML của chúng tôi để xem tiêu đề cố định HTML của chúng tôi trông như thế nào. Hãy nhớ lớp d-flex navbar-fixed-top của chúng tôi. Làm cho tiêu đề của chúng tôi trông đẹp mắt Tôi sử dụng flexbox mà chúng tôi đã khai báo ( display: flex; ) vài phút trước. Việc điều chỉnh nội dung giúp các mục căn chỉnh như mong muốn theo trục ngang.

  .navbar {
màu nền: # 000;
justify-content: khoảng trắng giữa;
đệm lót: 0 5%;
}  < Bạn có thể lấy hình ảnh biểu trưng ở định dạng .png cho dự án của mình hoặc tìm hiểu những kiểu mà tôi đã sử dụng dưới đây, những kiểu này khá hữu ích khi bạn thiết kế kiểu chữ cho logo hoặc bất kỳ văn bản nào khác trong CSS. 

  .logo {
màu trắng;
font-family: 'Anton', sans-serif;
font-size: 38px;
padding-top: 10px;
}

.logo sup {
màu: # fc0;
}

.logo a {
khoảng trắng: nowrap;
}  

Bạn “ Sup ” là viết tắt của chỉ số trên. Trong tương lai, tiếp theo, chúng tôi tạo kiểu cho thanh điều hướng và đó là các mục danh sách (tức là các liên kết bên trong chúng).

  .navbar {
           màu nền: # 000;
           justify-content: khoảng trắng giữa;
           đệm lót: 0 5%;
}
.navbar .nav {
          justify-content: flex-end;
}
 .navbar ul {
          lề: 0;
          đệm: 30px;
}
 .navbar li {
          Hiển thị nội dòng;
          list-style: none;
          margin-right: 24px;
          chức vụ: thân nhân;
}
.navbar li.active {
         màu nền: #fff;
         màu: # 000;
         đệm: 12px;
}
.navbar li.active a {
        màu: # 000! important;
}
.navbar li.active a: hover {
        màu: # 000! important;
}
.navbar ul.nav a {
       kích thước phông chữ: 12pt;
       màu: #fff;
       text-biến đổi: chữ hoa;
       font-family: 'Montserrat', sans-serif;
       font-weight: bold;
       chiều cao dòng: 1.936;
       text-align: left;
              khoảng trắng: nowrap;
}
 .navbar ul.nav a: hover {
     màu: # fc0;
}  

Trong đoạn mã trên, việc tạo kiểu của lớp “hoạt động” được thực hiện cho biết tab hiện tại chúng ta đang ở. Việc thiết kế lớp hoạt động là sự lựa chọn của từng thời tiết để làm cho nó đơn giản hoặc lạ mắt.

Này, bạn có thấy sức mạnh đó của flexbox không? Nếu bạn không thay đổi kích thước cửa sổ của mình và thấy điều kỳ diệu của justify content: space around; hãy chơi với flexbox. Sẽ rất vui.

Bây giờ, hãy hiểu phần được chờ đợi nhất, navbar-fixed-top của chúng tôi.

  .navbar-fixed-top {
  vị trí: -webkit-dính;
  vị trí: dính;
  đầu trang: 0px;
  chỉ số z: 99999;
}  

Đây là cách tốt nhất và dễ nhất để đạt được trên tiêu đề cố định cuộn mặc dù có những cách khác đã được sử dụng trước đây. Vị trí: dính đến từ Chrome 56 và chúng ta sẽ thấy ngắn gọn các cách khác bên dưới để bạn hình dung rõ ràng.

Bây giờ, hãy xem xét kỹ hơn:

Vị trí: dính là một cách mới trong CSS để tạo các phần tử giao diện người dùng thực sự cố định. Nó cho phép chúng tôi xây dựng một số tương tác thực sự gọn gàng trong rất ít dòng mã. Sẽ rất hữu ích nếu bạn muốn một phần tử dính vào chế độ xem khi người dùng đang cuộn trên màn hình, cho đến khi phần tử trang web đến một khoảng cách cụ thể, phần tử đó không bị dính từ mép trái, phải, trên và dưới của cổng chế độ xem cuộn.

Cho đến nay, tiêu đề của chúng tôi trông giống như sau:

Tiêu đề dính

Ở đâu
chúng ta có thể sử dụng vị trí: stick không?

  • Trong danh sách kiểu iOS, tiêu đề cố định html.
  • Nơi nào ưu tiên mã tiêu đề cố định CSS sạch sẽ và hiện đại.
  • Những nơi bạn cuộn lên và cuộn xuống và xem cách cả hai yếu tố đó dính vào nhau khi chúng chạm đến mép của khung nhìn.

Sử dụng phương pháp cố định có thể giúp bạn đạt được kết quả phù hợp thực sự hành vi mà không sử dụng bất kỳ Javascript nào.

Bước 4: 'position: stick' Vs 'position: fixed'

Bạn có thể thấy điều hướng tiêu đề cố định được thiết kế bằng cách sử dụng vị trí: cố định ở một số nơi. position: Stick được hầu hết các trình duyệt hỗ trợ, nhưng chưa có trong Edge. Vì vậy, nếu bạn cực kỳ lo lắng về tất cả các trình duyệt, lựa chọn tốt hơn là thiết kế ứng dụng của bạn sao cho vị trí dính là một bổ sung bóng bẩy, nhưng ứng dụng vẫn hoạt động mà không có nó. Vì vậy, tôi cung cấp cho bạn một chút tổng quan.

Vị trí cố định trông giống như:

  .navbar-fixed-top {
    vị trí: cố định;
    đúng: 0;
    trái: 0;
    chỉ số z: 99999;
}  

Định vị cố định chỉ là một dạng khác của định vị tuyệt đối. Tuy nhiên, vị trí cố định có liên quan đến chế độ xem. Cửa sổ trình duyệt được so sánh với khi sử dụng “position: fixed;”. Phương pháp này được đề xuất khi tiêu đề của bạn ở trên cùng tuyệt đối và bạn có bất kỳ nội dung nào cần cuộn trước khi dán.

Đừng quên cung cấp giá trị z-index cao để tiêu đề không ẩn trong nền khi cuộn .

Bước 5: Thêm một số nội dung khác vào Tiêu đề cố định

Chà, làm cách nào để chúng ta kiểm tra hoạt động cố định của tiêu đề mà không cần thêm nội dung thực tế bên dưới tiêu đề? Vì vậy, hãy đưa một số nội dung. Không cần phải lo lắng. Đó chỉ là một số nội dung về những gì chúng tôi đã thực hiện vừa rồi.

  & lt; div class = "Introduction" & gt;
         & lt; div class = "container" & gt;
                & lt; h2 & gt; Tiêu đề Cố định Sử dụng HTML và CSS & lt; / h2 & gt;
                & lt; p class = "clear-text" & gt; Header là một trong những phần thiết yếu của trang web vì nó là thành phần đầu tiên và hàng đầu cũng như có nhiều tính năng đặc biệt là điều hướng. Tiêu đề là một phần quan trọng của Kiến trúc thông tin, cách tạo Tiêu đề dính đang là xu hướng
& lt; br & gt;
tiêu đề mang logo, dòng giới thiệu (đôi khi) và quan trọng nhất, điều hướng. Điều quan trọng là Tiêu đề phải dính, phản hồi nhanh và được căn chỉnh tốt. Khi tiêu đề của bạn dính, bất kể trang của bạn dài bao nhiêu hay bạn cuộn lên xuống bao nhiêu lần, điều hướng sẽ bị “mắc kẹt” ở đầu trang web. & lt; / p & gt;
            & lt; div class = "lý do" & gt;
                & lt; h3 & gt; Lý do sử dụng tiêu đề cố định là & lt; / h3 & gt;
                        & lt; ol & gt;
                               & lt; li & gt; Trang web của bạn trông gọn gàng và hiện đại hơn & lt; / li & gt;
                                & lt; li & gt; Bạn có thêm tùy chọn để chơi xung quanh & lt; / li & gt;
                                & lt; li & gt; Cải thiện Trải nghiệm Người dùng vì nó dễ dàng hơn & lt; / li & gt;
                        & lt; / ol & gt;
            & lt; / div & gt;
        & lt; / div & gt;
& lt; / div & gt;  

Và một số CSS đơn giản mà bạn đã biết

  .Introduction {
    đệm: 44px 0;
}
.Giới thiệu h2 {
    margin-bottom: 20px;
}
.Introduction .plain-text {
    margin-bottom: 24px;
    font-size: 20px;
}
.Giới thiệu h3 {
    màu: # ffcc00
}
.thùng đựng hàng{
    ký quỹ: 0 20%;
}
.reasons {
    màu nền: # 000;
    màu: #fff;
    đệm: 22px;
    kích thước phông chữ: 24px;
}
.reasons li {
    chiều cao dòng: 1,4;
}  

RỒI! Chúng ta làm được rồi. Cuộn và xem tiêu đề dán ở trên cùng. Cuối cùng thì bạn cũng đã làm được.

Một số mẹo thưởng

Nếu bạn là người chuyên nghiệp và muốn công việc của mình trở nên hoàn hảo và bạn biết một số jQuery, bạn thực sự có thể làm cho điều hướng trên tiêu đề tốt hơn bằng cách mang lại hiệu ứng khi nhấp vào chúng.

Viết Hàm jQuert sẽ làm cho trang web tương tác hơn. Ở đây, chúng tôi viết hàm jQuery để chuyển lớp 'hoạt động' của chúng tôi khi mục li cụ thể được nhấp từ thanh điều hướng.

Bạn có thể đưa nó vào tệp HTML chính của mình ở cuối nhưng bạn phải có một jQuery CDN trước khi làm điều đó.

Từ ngữ cuối cùng:

Tiêu đề hấp dẫn là mới và khái niệm CSS rất hữu ích. Ở đây, chúng tôi đã khai báo lớp “navbar-fixed-top” trong chỉ mục của mình và đặt nó position: Sticky; Khi sử dụng các thư viện bên ngoài như bootstrap, các lớp này có cùng một khái niệm (vì chúng chỉ là sự trừu tượng của CSS thuần túy). Chúng cung cấp nhiều quyền lực hơn cho người thiết kế.

Tuy nhiên, bạn không nên sử dụng thư viện chỉ cho một tiêu đề cố định. Thay vào đó, bạn có thể chuyển sang tùy chọn thứ hai của Định vị cố định đã thảo luận ở trên nếu bạn gặp sự cố trình duyệt.

Cái nhìn cuối cùng:

Hình ảnh cuối cùng của tiêu đề hấp dẫn

Kết luận

Tất cả các bước được thực hiện ở đây không chỉ để mô tả Tiêu đề cố định là gì và đoạn mã là gì. Nhưng thực tế triển khai CSS tiêu đề cố định. Tuy nhiên, không có gì bổ sung được sử dụng ngoại trừ HTML và CSS đơn giản . Để có kết quả tốt hơn, bạn có thể viết một số Truy vấn phương tiện vì chúng tôi chưa sử dụng bất kỳ thư viện bên ngoài nào để xử lý các thư viện đó cho chúng tôi.

Hy vọng hướng dẫn này sẽ giúp bạn biết cách làm cho tiêu đề Sticky và một số CSS hữu ích hơn thủ thuật. Tiếp tục chơi với CSS. Chúc bạn học vui vẻ 🙂


Xem thêm những thông tin liên quan đến chủ đề cách tạo một tiêu đề cố định trong html

Responsive Navbar - Sticky Navbar | Responsive Navigation Bar - Sticky Navbar Html CSS - Pet Web #1

  • Tác giả: WEB SOLUTIONS
  • Ngày đăng: 2021-07-29
  • Đánh giá: 4 ⭐ ( 4843 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: How to Create Responsive Navigation Bar using HTML and CSS - Responsive Navbar - Sticky Navbar | Responsive Navigation Bar - Sticky Navbar Html CSS

    In this video, I have shown you how to create a responsive navigation bar using html CSS and bootstrap. We will make the navbar sticky so when we scroll the navbar stick at the top.

    Project Starter Files:
    https://drive.google.com/file/d/1NXwoo4F5O4lR4CvsVtqivXxpHF3gSDe-/view?usp=sharing

    Pet Website - How To Make Website Using HTML & CSS | Full Responsive Modern Web Design Tutorial Step By Step

    Part 0:
    https://youtu.be/zf2VLUkLJDQ

    Part 2:
    https://youtu.be/KzqmIuuNWDg

    Complete Project With Source Code
    https://www.udemy.com/course/modern-html-css-projects-video-background-glass-morphism-css/?couponCode=WEB_SOLUTIONS

    So if you are interested how to make professional website using html, CSS and bootstrap or you want to improve your web development skills then subscribe to my channel so that you will never miss any video related to web development.

    😇👉Subscribe: https://www.youtube.com/channel/UC0rruZU6aEs1zBdqidWidbg?sub_confirmation=1

    Don't Forget to like, comment, share this video and subscribe to my channel 🙂

    😇👉Check Out My Courses:
    https://www.udemy.com/course/modern-html-css-projects-video-background-glass-morphism-css/?referralCode=092CE9439C7F714C2EFD

    😇👉Modern HTML CSS Projects-Video Background Glass Morphism CSS:
    https://www.udemy.com/course/modern-html-css-projects-video-background-glass-morphism-css/?referralCode=092CE9439C7F714C2EFD

    Related Tags
    webdevelopment html css

    how to create responsive navigation bar using html and css,
    responsive navigation bar html css,
    responsive navgation bar css,
    responsive navigation bar tutorial,
    navbar css,
    menu bar,
    navigation bar,
    how to make responsive menu bar using css,
    navigation bar in html,
    responsive menu,
    responsive menu bar,
    responsive navbar,
    menu bar in html and css,
    responsive navigation bar with html and css,
    navbar in html css,
    responsive navbar in html css,
    Responsive navbar html css,
    how to make website,
    how to create website using html and css,
    learn html and css,
    HTML and CSS Website Design Tutorials,
    how to make a website,
    create a website,
    make a website,
    Web Design Tutorials for beginners,
    Modern Website Design,
    HTML CSS Website Design,
    HTML and CSS Website Design,
    Make Website Using HTML And CSS,
    Craete Website Using HTML and CSS,
    Complete Website Design,
    Full Website Design,
    Make Resonsive Website,
    Responsive Website Design,
    HTML Website,
    pet website,
    how to make website,
    html css website design,
    how to make website using html and css,
    how to create website using html and css,
    learn html and css,
    HTML and CSS Website Design Tutorials,
    Web Design Tutorials for beginners,
    Website Development Tutorials,
    Modern Website Design,
    Latest Website Design,
    Website Design Tutorial Step by Step,
    HTML and CSS,
    HTML Tutorials,
    CSS Tutorials,
    HTML Programming,
    Coding Tutorials,
    Vanilla JavaScript Sticky Nav,
    How to Create a Sticky Nav with Vanilla JavaScript,
    Sticky Navigation Bar on Scroll Using Javascript,
    Vanilla JS sticky header,
    Animated Sticky Navigation Menu with Javascript,
    sticky navbar,
    animated navbar on scroll,
    vanilla javascript sticky nav,
    Sticky nav bar with native JavaScript only,
    Fixed Menu on Scroll Vanilla JavaScript,
    Create a Sticky menu with CSS and JavaScript,
    Sticky Navigation Bar

Hướng dẫn tạo khoảng cách dòng trong HTML mới nhất 2022

  • Tác giả: atpweb.vn
  • Đánh giá: 3 ⭐ ( 6467 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tạo khoảng cách dòng trong HTML là một trong những từ khóa được search nhiều nhất trên google về chủ đề tạo khoảng cách trong html. Trong bài content này, ATP Web sẽ viết bài Hướng dẫn tạo khoảng cách dòng trong HTML mới nhất 2022.

Cách xây dựng một menu cố định trong 3 bước đơn giản

  • Tác giả: helpex.vn
  • Đánh giá: 3 ⭐ ( 6757 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các menu cố định là xu hướng thiết kế web dứt khoát của năm 2014. Chúng trông đẹp và chúng cũng siêu hữu ích cho khách truy cập. Hôm nay, tôi sẽ chỉ cho bạn cách bạn có thể tạo một menu cố…

Tiêu đề trong HTML

  • Tác giả: tedu.com.vn
  • Đánh giá: 5 ⭐ ( 3944 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu về tiêu đề trong HTML

Tiêu đề trong HTML5

  • Tác giả: comdy.vn
  • Đánh giá: 4 ⭐ ( 8077 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, bạn sẽ học cách tạo các tiêu đề trong HTML bằng cách sử dụng các thẻ tiêu đề h1, h2, h3, h4, h5 và h6.

Cách tạo một Header Cố định và Hoạt hình khi Cuộn Trang

  • Tác giả: webdesign.tutsplus.com
  • Đánh giá: 4 ⭐ ( 6092 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo một dạng thường được thấy trên nhiều trang web ngày này: một header cố định và hoạt hình thành một trạng thái thu nhỏ hơn khi chúng ta cuộn...

Bảng HTML có tiêu đề cố định?

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 8524 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Tôi đã tìm kiếm một giải pháp cho việc này trong một thời gian và thấy…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Lấy các phần tử con của một nút trong JavaScript - javascript lấy các phần tử con của div

By ads_php