Kiến thức lập trình

Hướng dẫn đầy đủ về tầm quan trọng của nó – tiêu đề trong html là gì

Byads_php

Th6 22, 2022

Phần tử tiêu đề HTML đặt cơ sở cho bất kỳ tài liệu HTML nào. Đọc hướng dẫn kỹ lưỡng của chúng tôi và xem điều gì làm cho yếu tố này trở nên quan trọng nhưng lại rất dễ sử dụng.

Bạn đang xem : tiêu đề trong html là gì

Phần tử tiêu đề html Tiêu đề HTML đại diện cho yếu tố cốt lõi mà bất kỳ trang web nào cũng phải có trong cấu trúc của nó. Nó thiết lập nội dung giới thiệu, nội dung định hình trang web và giúp mọi thứ có tổ chức.

Trong phần tử tiêu đề HTML , bạn thường sẽ tìm thấy một vài phần tử khác, chẳng hạn như tiêu đề, tên tác giả, biểu trưng và thậm chí cả biểu mẫu tìm kiếm.

Trong bài viết này, chúng ta sẽ khám phá mọi thứ về nó, vì vậy hãy tiếp tục đọc nếu bạn muốn tìm hiểu thêm.

Sơ lược về lịch sử phần tử tiêu đề HTML

Thông thường, phần tử tiêu đề HTML xuất hiện lần đầu tiên dưới dạng một đặc tả trong HTML5. Tuy nhiên, điều này không hoàn toàn đúng. Nó đã tồn tại từ đầu HTML nhưng không có ở dạng và cấu trúc hiện tại. Mã dạng chính của tiêu đề HTML thực ra là mã & lt; head & gt; yếu tố. Sau một thời gian, tiêu đề có tên riêng và nó có các công dụng và vai trò khác có thể được triển khai trong bất kỳ tài liệu HTML nào.

Header trong HTML là gì – Khái niệm cơ bản

Như chúng tôi đã đề cập trong phần giới thiệu, tiêu đề trong HTML đại diện cho một số nội dung giới thiệu. Nói cách khác, nó xác định tiêu đề cho một phần nhất định hoặc thậm chí tất cả văn bản. Trong đó, bạn có thể tìm thấy thông tin về tiêu đề, các tiêu đề khác nhau, biểu trưng và tên tác giả. Lý do tại sao nó được coi là một phần tử cốt lõi là vì bất kỳ tài liệu HTML nào cũng có thể có nhiều phần tử tiêu đề. Bây giờ, chúng ta hãy xem cú pháp và cách tạo một phần tử như vậy.

Cách Thêm Tiêu đề trong HTML – Một Mã Đơn giản

Trước khi chúng ta xem xét một ví dụ, cần lưu ý rằng phần tử này có thẻ mở và thẻ đóng . Ngoài ra, giữa các thẻ này, bạn thêm nội dung . Một sai lầm phổ biến mà mọi người thường mắc phải là đặt phần tử đầu trang vào phần chân trang hoặc một phần tử đầu trang khác. Ví dụ sau đây thực sự đơn giản và cho thấy việc sử dụng thẻ này dễ dàng như thế nào:

& lt; tiêu đề & gt;

…

& lt; / header & gt;

Như bạn có thể thấy, cú pháp rất đơn giản và dễ sử dụng. Giữa hai thẻ này, bạn thêm nội dung cần thiết . Ngoài ra, bạn phải biết rằng phần tử tiêu đề HTML không phân đoạn nội dung nhất định. Nói cách khác, điều này có nghĩa là khi được sử dụng, nó không giới thiệu phần mới trong tài liệu.

Bây giờ, hãy cùng chúng tôi xem xét các cách bạn có thể sử dụng phần tử này.

Sử dụng phần tử tiêu đề HTML

Có hai cách khác nhau mà bạn có thể sử dụng phần tử tiêu đề.

  • Việc sử dụng đầu tiên được gọi là tiêu đề trang
  • Cách sử dụng thứ hai được gọi là tiêu đề bài viết

Do đó, điều này có nghĩa là theo nhu cầu của bạn, có thể sử dụng cùng một cú pháp nhưng cho các mục đích khác nhau. Các ví dụ được hiển thị bên dưới sẽ làm rõ sự khác biệt. Trước tiên, chúng ta hãy xem ví dụ về tiêu đề trang.

& lt; tiêu đề & gt;

& lt; h1 & gt; Tiêu đề Trang – Chính & lt; / h1 & gt;

& lt; img src = ”logo-of-the-website.png” alt = ”logo” & gt;

& lt; / header & gt;

Mã này được sử dụng khi bạn muốn thêm tiêu đề chung cho trang web của mình và nó sẽ luôn xuất hiện dưới dạng mục đầu tiên trong tài liệu HTML của bạn. Có một số thẻ được sử dụng ở đây, nhưng nhiều hơn về thẻ ở phần sau của bài viết này. Bây giờ, chúng ta hãy xem xét ví dụ về tiêu đề bài viết.

Xem Thêm  Javascript Append String: Cách nối các chuỗi trong JavaScript - javascript thêm vào chuỗi

& lt; bài báo & gt;

& lt; tiêu đề & gt;

& lt; h2 & gt; Trường học của tôi & lt; / h2 & gt;

& lt; p & gt; Đăng vào Thứ Hai, & lt; time datetime = ”2021-08-06 ″ & gt; 8 Tháng Bảy 2021 & lt; / time & gt; của Luke Thomas & lt; / p & gt;

& lt; / header & gt;

& lt; p & gt; Trường chúng tôi là một trong những trường lớn nhất và tốt nhất ở nước ta. & lt; / p & gt;

& lt; p & gt; & lt; a href = ”https: // aCertainWebpage /” & gt; Tiếp tục đọc…. & lt; / a & gt; & lt; / p & gt;

& lt; / article & gt;

Ví dụ này cho thấy một cách hoàn hảo rằng phần tử tiêu đề không phải lúc nào cũng phải là phần tử đầu tiên trên một trang web. Nó có thể được sử dụng trên bất kỳ phần nào trong tài liệu của bạn và nó tương quan hoàn hảo với thành phần bài viết.

Trong ví dụ mà chúng tôi đã đề cập trước đây, chúng tôi thấy rằng có một số phần tử có thể được sử dụng trong các thẻ tiêu đề HTML. Cách sử dụng của chúng rất đơn giản; chúng xác định nội dung. Hai thẻ phổ biến nhất là tiêu đề và đoạn văn. Tuy nhiên, điều này không có nghĩa là họ là những người duy nhất. Bạn cũng có thể sử dụng thẻ hình ảnh.

Một trong những thẻ phổ biến nhất mà bạn thêm vào tiêu đề là tiêu đề . Có tổng số sáu , bắt đầu từ & lt; h1 & gt; và cho đến & lt; h6 & gt ;. Công dụng của chúng là hiển thị tiêu đề chính hoặc phụ đề trên một trang web. & Lt; h1 & gt; tiêu đề là tiêu đề quan trọng nhất và & lt; h6 & gt; là tiêu đề ít quan trọng nhất. Hãy cùng chúng tôi xem qua cú pháp của các thẻ này.

& lt; h1 & gt; Tiêu đề 1 & lt; / h1 & gt;

& lt; h2 & gt; Tiêu đề 2 & lt; / h2 & gt;

& lt; h3 & gt; Tiêu đề 3 & lt; / h3 & gt;

& lt; h4 & gt; Tiêu đề 4 & lt; / h4 & gt;

& lt; h5 & gt; Tiêu đề 5 & lt; / h5 & gt;

& lt; h6 & gt; Tiêu đề 6 & lt; / h6 & gt;

Lý do chính khiến chúng quan trọng như vậy là do các công cụ tìm kiếm. Chúng sử dụng cấu trúc này và nội dung để lập chỉ mục một trang web nhất định . Ngoài ra, điều đầu tiên mà người dùng nhìn thấy là tiêu đề, vì vậy đây là một lý do khác khiến chúng rất quan trọng đối với tài liệu HTML của bạn. Chúng có kích thước mặc định nhưng có thể điều khiển chúng bằng cách sử dụng thuộc tính style và thuộc tính font-size.

– Thẻ đoạn HTML

Thẻ tiêu đề quan trọng thứ hai trong HTML là thẻ đoạn văn , hay đơn giản là & lt; p & gt ;. Lý do tại sao thẻ này quan trọng là đây là nơi bạn thêm nội dung. Độ dài có thể khác nhau, nhưng bạn luôn nên giữ mọi thứ có tổ chức và ngắn gọn. Đơn giản chỉ cần liệt kê các tiêu đề khác nhau là được nhưng sẽ tốt hơn nhiều nếu bạn cung cấp thêm một số thông tin.

Ví dụ sau giải thích điều này một cách hoàn hảo.

& lt; h1 & gt; Thẻ tiêu đề & lt; / h1 & gt;

& lt; h2 & gt; Tổng quan & lt; / h2 & gt;

& lt; p & gt; Nội dung… & lt; / p & gt;

& lt; h2 & gt; Bộ phận & lt; / h2 & gt;

& lt; h3 & gt; Phần 1 & lt; / h3 & gt;

& lt; p & gt; Nội dung… & lt; / p & gt;

& lt; h3 & gt; Phần 2 & lt; / h3 & gt;

& lt; p & gt; Nội dung… & lt; / p & gt;

Cũng cần lưu ý rằng các mục cũng có thể được lồng vào nhau. Điều này có nghĩa là theo nhu cầu của bạn, bạn có thể sắp xếp các mục trong các mục . Đó là một cách rất phổ biến để xác định thứ tự và tầm quan trọng của một số danh sách nhất định. Lồng các vật phẩm là một kỹ năng rất thiết thực.

Xem Thêm  SQL Server chọn từ thủ tục được lưu trữ (9 Ví dụ) - cách thực thi thủ tục được lưu trữ trong máy chủ sql câu lệnh select

Tạo các thanh điều hướng trong tiêu đề trang HTML

Một cách sử dụng rất quan trọng khác của tiêu đề trang HTML là tạo ra các thanh điều hướng. Chúng là một yếu tố quan trọng trên bất kỳ trang web nào hiện nay do tính thực tế của chúng. Tạo chúng rất dễ dàng và theo cùng một cú pháp. Thẻ mới duy nhất bạn cần thêm là siêu liên kết.

Trong ví dụ dưới đây, chúng tôi sẽ chỉ cho bạn cách dễ nhất để làm điều đó:

& lt; tiêu đề & gt;

& lt; a href =

“https://www.aWebpage.com” & gt;

Trang chủ & lt; / a & gt; |

& lt; a href =

”https://www.aWebpage.com“ & gt;

Giới thiệu về & lt; / a & gt; |

& lt; a href =

”https://www.aWebpage.com“ & gt;

Ngôn ngữ & lt; / a & gt; |

& lt; a href =

”https://www.aWebpage.com“ & gt;

Liên hệ & lt; / a & gt;

& lt; / header & gt;

Thêm mã đơn giản này và thẻ siêu liên kết có nghĩa là bạn có thể tạo một thanh điều hướng rất hữu ích. Số lượng thẻ siêu liên kết là vô tận nhưng với mục đích giữ mọi thứ ngăn nắp, hãy cố gắng không sử dụng nhiều hơn một tá thẻ.

Giới thiệu Thuộc tính CSS cho Tiêu đề HTML của bạn

Sẽ có lúc bạn chỉ muốn thực hiện một số thay đổi nhất định đối với tiêu đề HTML của mình. Cách dễ nhất và tốt nhất để làm điều này là sử dụng các thuộc tính CSS . Quá trình này rất đơn giản và chỉ bao gồm hai bước. Trước tiên, bạn phải thêm tiêu đề HTML trong một phần tử div riêng biệt.

Vui lòng quan sát ví dụ sau:

& lt; div class = ”header” & gt;

& lt; h1 & gt; Tiêu đề & lt; / h1 & gt;

& lt; p & gt; Nội dung chính của trang web & lt; / p & gt;

& lt; / div & gt;

Bước tiếp theo yêu cầu bạn thêm thuộc tính CSS . Chúng có thể khác nhau, bắt đầu từ phần đệm, cỡ chữ, màu sắc và màu nền.

Ví dụ sau chỉ hiển thị một phần nhỏ trong số tất cả những thay đổi bạn có thể thực hiện:

.header {

padding: 90px;

text-align: left;

nền: # 1cab8a;

màu: xanh lam;

font-size: 33px;

}

Các trình duyệt tương thích cho HTML Header

Có nhiều trình duyệt hỗ trợ tiêu đề HTML và chúng tôi sẽ hiển thị cho bạn bản tóm tắt ngắn gọn về chúng. Hãy chú ý theo dõi phiên bản:

  • Microsoft Edge 93.0
  • Google Chrome 93.0 & amp; ở trên
  • Firefox 92.0 & amp; ở trên
  • Safari 14.1
  • Opera 79.0
  • Internet Explorer 11.0

Như bạn có thể thấy, không phải mọi phiên bản đều hỗ trợ phần tử này nhưng hầu hết chúng đều có. Nếu bạn luôn không chắc liệu trình duyệt mình đang sử dụng có hỗ trợ tiêu đề HTML hay không, bạn luôn có thể tham khảo bài viết này để biết thêm thông tin.

Phần tử đầu HTML – Kết luận cuối cùng

Tiêu đề HTML đặt nội dung giới thiệu và cung cấp tất cả thông tin cần thiết cho bất kỳ trang web nào. Hãy để chúng tôi tóm tắt một số điểm quan trọng nhất trong bài viết của mình:

  • Sử dụng phần tử tiêu đề html Trong tiêu đề HTML, bạn có thể tìm thấy các tiêu đề, tên tác giả, biểu trưng và thậm chí là một tìm kiếm biểu mẫu
  • Tiêu đề HTML lần đầu tiên được giới thiệu trong HTML5
  • Bất kỳ trang web nào cũng có thể có nhiều phần tử tiêu đề
  • Cú pháp rất đơn giản; nó có thẻ mở và thẻ đóng
  • Nó có hai cách sử dụng: tiêu đề trang và tiêu đề bài viết
  • Các thẻ tiêu đề và đoạn văn rất phổ biến
  • Rất dễ dàng tạo các thanh điều hướng
  • Tùy chỉnh tiêu đề HTML bằng cách sử dụng các thuộc tính CSS

Phần tử tiêu đề là điểm khởi đầu tốt nhất cho bất kỳ trang web nào vì nó giúp mọi thứ được ngăn nắp và làm cho mọi thứ dễ dàng hơn. Chúng tôi hy vọng rằng bài viết này đã giúp bạn hiểu được tầm quan trọng của phần tử tiêu đề HTML và đâu là cách tốt nhất để triển khai nó.

Xem Thêm  Cách tạo danh sách HTML không có dấu đầu dòng - html li không có dấu đầu dòng

Xếp hạng bài đăng này


Xem thêm những thông tin liên quan đến chủ đề tiêu đề trong html là gì

#5. Học về Heading(Tiêu đề) Html trong 18 phút | Học html css cùng Unitop.vn

alt

  • Tác giả: Unitop – Học web đi làm
  • Ngày đăng: 2021-12-03
  • Đánh giá: 4 ⭐ ( 2202 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Video này chia sẻ đến bạn cách thêm thẻ tiêu đề vào website và cách tối ưu SEO cho tiêu đề.
    Tiêu đề là một đề mục quan trọng trong một nội dung trên website bao gồm các thẻ h1, h2, h3, h4, h5, h6.
    Trong quá trình xây dựng giao diện, tạo bài viết trên website thường tập trung sử dụng 3 thẻ quan trọng nhất h1, h2, h3.
    + h1: Thường hiển thị tiêu đề bài viết
    + h2: Hiển thị các đề mục chính của bài viết, bổ sung nội dung cho h1
    + h3: Hiển thị các đề mục phụ, bổ sung nội dung cho h2
    » » Khoá học chuyên sâu Html Css 21 Ngày https://unitop.com.vn/htmlcss21ngay
    Bắt đầu thôi nào!
    – – – – – – – – – – – – – – – – – – – – – –
    MIỄN PHÍ
    » » Nhận tài liệu học web miễn phí qua mail: https://www.hocwebdilam.com?utm_source=yt-unitop
    » » Bấm đăng ký kênh để tránh bỏ sót video mới: https://bit.ly/30TZXyS
    – – – – – – – – – – – – – – – – – – – – – –
    LIÊN KẾT QUAN TRỌNG
    » » Blog lập trình: https://unitop.com.vn
    » » Khoá học lập trình web đi làm: https://unitop.vn
    » » Fanpage: https://www.facebook.com/hocwebdilam
    – – – – – – – – – – – – – – – – – – – – – –
    LỘ TRÌNH HỌC WEB ĐI LÀM
    » http://unitop.vn
    – – – – – – – – – – – – – – – – – – – – – –
    Copyright by Unitop.vn and Phan Van Cuong
    Do not reup, please!
    – – – – – – – – – – – – – – – – – – – – – –
    unitop hocwebdilam

[HTML/HTML5] Phần 6: Tiêu đề HTML

  • Tác giả: www.dammio.com
  • Đánh giá: 3 ⭐ ( 7733 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Tiêu đề trong HTML

  • Tác giả: tedu.com.vn
  • Đánh giá: 5 ⭐ ( 7493 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 Đề Trang

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 3 ⭐ ( 8794 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Một website sẽ có một hoặc nhiều trang (web) khác nhau. Và mỗi trang web thường sẽ có một tiêu đề để phân biệt giữa chúng.

    Để tạo tiêu đề cho trang chúng ta sử dụng thẻ ``.</p> <p>## Thẻ `<title>`<br /> Thẻ `<title>` d&ug…</li> </ul> <h3 class="title style-scope ytd-video-primary-info-renderer"><span class="ez-toc-section" id=""></span>Tiêu đề là gì? 4 cách đặt tiêu đề độc đáo, hấp dẫn người đọc<span class="ez-toc-section-end"></span></h3> <ul id="ul_content"> <li><strong>Tác giả</strong>: bstyle.vn</li> <li><strong>Đánh giá</strong>: 4 ⭐ ( 3223 lượt đánh giá )</li> <li><strong>Khớp với kết quả tìm kiếm</strong>: Tiêu đề là thứ gây chú ý đầu tiên của bài viết tới người đọc. bài viết có được người đọc lựa chọn hay không phần lớn dựa vào chính phần tiêu đề này.</li> </ul> <h3 class="title style-scope ytd-video-primary-info-renderer"><span class="ez-toc-section" id=""></span>Meta title là gì? 7 tiêu chí đánh giá TITLE SEO CỤ THỂ<span class="ez-toc-section-end"></span></h3> <ul id="ul_content"> <li><strong>Tác giả</strong>: seongon.com</li> <li><strong>Đánh giá</strong>: 5 ⭐ ( 6635 lượt đánh giá )</li> <li><strong>Khớp với kết quả tìm kiếm</strong>: Meta title trở nên đặc biệt vì không phải ai cũng có thể tạo ra tiêu đề thu hút và hấp dẫn người đọc. Hãy cùng SEONGON tìm cách tạo một tiêu đề tốt nhất qua bài viết sau đây!</li> </ul> <h3 class="title style-scope ytd-video-primary-info-renderer"><span class="ez-toc-section" id=""></span>Thẻ Title là gì? Cách tối ưu tiêu đề SEO tốt (thân thiện người dùng)<span class="ez-toc-section-end"></span></h3> <ul id="ul_content"> <li><strong>Tác giả</strong>: www.vietnetgroup.vn</li> <li><strong>Đánh giá</strong>: 5 ⭐ ( 7561 lượt đánh giá )</li> <li><strong>Khớp với kết quả tìm kiếm</strong>: Thẻ title HTML là tiêu đề “chính thức” của một trang. Đây là những gì sẽ được hiển thị trong SERPS (các trang kết quả của công cụ tìm kiếm). Nó nằm trong thẻ</li> </ul> <p>Xem thêm các bài viết khác thuộc chuyên mục: <a href="https://phptravels.vn/kien-thuc-lap-trinh/">Kiến thức lập trình</a></p> <script> function pinIt() { var e = document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999); document.body.appendChild(e); } </script> <div class="post-share"> <div class="post-share-icons cf"> <a href="https://www.facebook.com/sharer.php?u=https://phptravels.vn/huong-dan-day-du-ve-tam-quan-trong-cua-no-tieu-de-trong-html-la-gi/" class="link facebook" target="_blank" > <i class="fab fa-facebook"></i></a> <a href="http://twitter.com/share?url=https://phptravels.vn/huong-dan-day-du-ve-tam-quan-trong-cua-no-tieu-de-trong-html-la-gi/&text=H%C6%B0%E1%BB%9Bng%20d%E1%BA%ABn%20%C4%91%E1%BA%A7y%20%C4%91%E1%BB%A7%20v%E1%BB%81%20t%E1%BA%A7m%20quan%20tr%E1%BB%8Dng%20c%E1%BB%A7a%20n%C3%B3%20%E2%80%93%20ti%C3%AAu%20%C4%91%E1%BB%81%20trong%20html%20l%C3%A0%20g%C3%AC" class="link twitter" target="_blank"> <i class="fab fa-twitter"></i></a> <a href="mailto:?subject=Hướng%20dẫn%20đầy%20đủ%20về%20tầm%20quan%20trọng%20của%20nó%20%26#8211;%20tiêu%20đề%20trong%20html%20là%20gì&body=https://phptravels.vn/huong-dan-day-du-ve-tam-quan-trong-cua-no-tieu-de-trong-html-la-gi/" class="link email" target="_blank" > <i class="fas fa-envelope"></i></a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://phptravels.vn/huong-dan-day-du-ve-tam-quan-trong-cua-no-tieu-de-trong-html-la-gi/&title=H%C6%B0%E1%BB%9Bng%20d%E1%BA%ABn%20%C4%91%E1%BA%A7y%20%C4%91%E1%BB%A7%20v%E1%BB%81%20t%E1%BA%A7m%20quan%20tr%E1%BB%8Dng%20c%E1%BB%A7a%20n%C3%B3%20%E2%80%93%20ti%C3%AAu%20%C4%91%E1%BB%81%20trong%20html%20l%C3%A0%20g%C3%AC" class="link linkedin" target="_blank" > <i class="fab fa-linkedin"></i></a> <a href="https://telegram.me/share/url?url=https://phptravels.vn/huong-dan-day-du-ve-tam-quan-trong-cua-no-tieu-de-trong-html-la-gi/&text&title=H%C6%B0%E1%BB%9Bng%20d%E1%BA%ABn%20%C4%91%E1%BA%A7y%20%C4%91%E1%BB%A7%20v%E1%BB%81%20t%E1%BA%A7m%20quan%20tr%E1%BB%8Dng%20c%E1%BB%A7a%20n%C3%B3%20%E2%80%93%20ti%C3%AAu%20%C4%91%E1%BB%81%20trong%20html%20l%C3%A0%20g%C3%AC" class="link telegram" target="_blank" > <i class="fab fa-telegram"></i></a> <a href="javascript:pinIt();" class="link pinterest"><i class="fab fa-pinterest"></i></a> </div> </div> <div class="clearfix mb-3"></div> <nav class="navigation post-navigation" aria-label="Bài viết"> <h2 class="screen-reader-text">Điều hướng bài viết</h2> <div class="nav-links"><div class="nav-previous"><a href="https://phptravels.vn/geeksforgeeks-danh-sach-trong-python-la-gi-3/" rel="prev">GeeksforGeeks – danh sách trong python là gì <div class="fas fa-angle-double-right"></div><span></span></a></div><div class="nav-next"><a href="https://phptravels.vn/che-do-xem-thiet-ke-web-dap-ung-meta-name-viewport-noi-dung-chieu-rong-chieu-rong-thiet-bi-ty-le-ban-dau/" rel="next"><div class="fas fa-angle-double-left"></div><span></span> Chế độ xem thiết kế web đáp ứng – meta name viewport nội dung chiều rộng chiều rộng thiết bị tỷ lệ ban đầu</a></div></div> </nav> </article> </div> <div class="media mg-info-author-block"> <a class="mg-author-pic" href="https://phptravels.vn/author/ads_php/"><img alt='' src='https://secure.gravatar.com/avatar/e7747c617e6c650c1862f6ba4c8166f2?s=150&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/e7747c617e6c650c1862f6ba4c8166f2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' loading='lazy'/></a> <div class="media-body"> <h4 class="media-heading">By <a href ="https://phptravels.vn/author/ads_php/">ads_php</a></h4> <p></p> </div> </div> <div class="mg-featured-slider p-3 mb-4"> <!--Start mg-realated-slider --> <div class="mg-sec-title"> <!-- mg-sec-title --> <h4>Related Post</h4> </div> <!-- // mg-sec-title --> <div class="row"> <!-- featured_post --> <!-- blog --> <div class="col-md-4"> <div class="mg-blog-post-3 minh back-img" > <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/cach-noi-vao-mot-tap-hop-trong-python-python-set-add-va-update-datagy-noi-vao-mot-con-tran-da-dat/" title="Permalink to: Cách nối vào một tập hợp trong Python: Python Set Add () và Update () • datagy – nối vào một con trăn đã đặt"> Cách nối vào một tập hợp trong Python: Python Set Add () và Update () • datagy – nối vào một con trăn đã đặt</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> Th6 30, 2022</span> <a href="https://phptravels.vn/author/ads_php/"> <i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!-- blog --> <!-- blog --> <div class="col-md-4"> <div class="mg-blog-post-3 minh back-img" style="background-image: url('https://i.ytimg.com/vi/i5Tao3Wi7GI/maxresdefault.jpg');" > <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/css-tailwind-flex-1-1-auto/" title="Permalink to: CSS Tailwind – flex 1 1 auto"> CSS Tailwind – flex 1 1 auto</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> Th6 30, 2022</span> <a href="https://phptravels.vn/author/ads_php/"> <i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!-- blog --> <!-- blog --> <div class="col-md-4"> <div class="mg-blog-post-3 minh back-img" style="background-image: url('https://i.ytimg.com/vi/9N6a-VLBa2I/maxresdefault.jpg');" > <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/json-dumps-bang-python-json-do-trong-python/" title="Permalink to: json.dumps () bằng Python – json đổ trong python"> json.dumps () bằng Python – json đổ trong python</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> Th6 30, 2022</span> <a href="https://phptravels.vn/author/ads_php/"> <i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!-- blog --> </div> </div> <!--End mg-realated-slider --> </div> <!--sidebar--> <!--col-md-3--> <aside class="col-md-3"> <aside id="secondary" class="widget-area" role="complementary"> <div id="sidebar-right" class="mg-sidebar"> <div id="block-2" class="mg-widget widget_block widget_search"><form role="search" method="get" action="https://phptravels.vn/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label for="wp-block-search__input-1" class="wp-block-search__label">Tìm kiếm</label><div class="wp-block-search__inside-wrapper " ><input type="search" id="wp-block-search__input-1" class="wp-block-search__input " name="s" value="" placeholder="" required /><button type="submit" class="wp-block-search__button " >Tìm kiếm</button></div></form></div><div id="block-3" class="mg-widget widget_block"><div class="wp-container-1 wp-block-group"><div class="wp-block-group__inner-container"><h2>Bài viết mới</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://phptravels.vn/cach-noi-vao-mot-tap-hop-trong-python-python-set-add-va-update-datagy-noi-vao-mot-con-tran-da-dat/">Cách nối vào một tập hợp trong Python: Python Set Add () và Update () • datagy – nối vào một con trăn đã đặt</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://phptravels.vn/css-tailwind-flex-1-1-auto/">CSS Tailwind – flex 1 1 auto</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://phptravels.vn/json-dumps-bang-python-json-do-trong-python/">json.dumps () bằng Python – json đổ trong python</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://phptravels.vn/ham-string_split-trong-sql-server-chia-nho-trong-ms-sql/">Hàm STRING_SPLIT trong SQL Server – chia nhỏ trong ms sql</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://phptravels.vn/vi-du-ve-mui-ten-html-va-css-thu-vi-de-su-dung-trong-trang-web-nut-vong-tron-css-co-mui-ten/">Ví dụ về mũi tên HTML và CSS thú vị để sử dụng trong trang web – nút vòng tròn css có mũi tên</a></li> </ul></div></div></div><div id="block-4" class="mg-widget widget_block"><div class="wp-container-2 wp-block-group"><div class="wp-block-group__inner-container"><h2>Phản hồi gần đây</h2><div class="no-comments wp-block-latest-comments">Không có bình luận nào để hiển thị.</div></div></div></div> </div> </aside><!-- #secondary --> </aside> <!--/col-md-3--> <!--/sidebar--> </div> </div> </main> <div class="container-fluid mr-bot40 mg-posts-sec-inner"> <div class="missed-inner"> <div class="row"> <div class="col-md-12"> <div class="mg-sec-title"> <!-- mg-sec-title --> <h4>You missed</h4> </div> </div> <!--col-md-3--> <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" > <a class="link-div" href="https://phptravels.vn/cach-noi-vao-mot-tap-hop-trong-python-python-set-add-va-update-datagy-noi-vao-mot-con-tran-da-dat/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/cach-noi-vao-mot-tap-hop-trong-python-python-set-add-va-update-datagy-noi-vao-mot-con-tran-da-dat/" title="Permalink to: Cách nối vào một tập hợp trong Python: Python Set Add () và Update () • datagy – nối vào một con trăn đã đặt"> Cách nối vào một tập hợp trong Python: Python Set Add () và Update () • datagy – nối vào một con trăn đã đặt</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://phptravels.vn/2022/06/"> Th6 30, 2022</a></span> <a class="auth" href="https://phptravels.vn/author/ads_php/"><i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!--/col-md-3--> <!--col-md-3--> <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" style="background-image: url('https://i.ytimg.com/vi/i5Tao3Wi7GI/maxresdefault.jpg');" > <a class="link-div" href="https://phptravels.vn/css-tailwind-flex-1-1-auto/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/css-tailwind-flex-1-1-auto/" title="Permalink to: CSS Tailwind – flex 1 1 auto"> CSS Tailwind – flex 1 1 auto</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://phptravels.vn/2022/06/"> Th6 30, 2022</a></span> <a class="auth" href="https://phptravels.vn/author/ads_php/"><i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!--/col-md-3--> <!--col-md-3--> <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" style="background-image: url('https://i.ytimg.com/vi/9N6a-VLBa2I/maxresdefault.jpg');" > <a class="link-div" href="https://phptravels.vn/json-dumps-bang-python-json-do-trong-python/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/json-dumps-bang-python-json-do-trong-python/" title="Permalink to: json.dumps () bằng Python – json đổ trong python"> json.dumps () bằng Python – json đổ trong python</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://phptravels.vn/2022/06/"> Th6 30, 2022</a></span> <a class="auth" href="https://phptravels.vn/author/ads_php/"><i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!--/col-md-3--> <!--col-md-3--> <div class="col-md-3 col-sm-6 pulse animated"> <div class="mg-blog-post-3 minh back-img" style="background-image: url('https://i.ytimg.com/vi/d4IgZoV5ick/hqdefault.jpg');" > <a class="link-div" href="https://phptravels.vn/ham-string_split-trong-sql-server-chia-nho-trong-ms-sql/"></a> <div class="mg-blog-inner"> <div class="mg-blog-category"> <a class="newsup-categories category-color-1" href="https://phptravels.vn/kien-thuc-lap-trinh/" alt="View all posts in Kiến thức lập trình"> Kiến thức lập trình </a> </div> <h4 class="title"> <a href="https://phptravels.vn/ham-string_split-trong-sql-server-chia-nho-trong-ms-sql/" title="Permalink to: Hàm STRING_SPLIT trong SQL Server – chia nhỏ trong ms sql"> Hàm STRING_SPLIT trong SQL Server – chia nhỏ trong ms sql</a> </h4> <div class="mg-blog-meta"> <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="https://phptravels.vn/2022/06/"> Th6 30, 2022</a></span> <a class="auth" href="https://phptravels.vn/author/ads_php/"><i class="fas fa-user-circle"></i> ads_php</a> </div> </div> </div> </div> <!--/col-md-3--> </div> </div> </div> <!--==================== FOOTER AREA ====================--> <footer> <div class="overlay" style="background-color: ;"> <!--Start mg-footer-widget-area--> <!--End mg-footer-widget-area--> <!--Start mg-footer-widget-area--> <div class="mg-footer-bottom-area"> <div class="container-fluid"> <div class="divide-line"></div> <div class="row align-items-center"> <!--col-md-4--> <div class="col-md-6"> <div class="site-branding-text"> <h1 class="site-title"> <a href="https://phptravels.vn/" rel="home">phptravels.vn</a></h1> <p class="site-description"></p> </div> </div> <div class="col-md-6 text-right text-xs"> <ul class="mg-social"> <a target="_blank" href=""> <a target="_blank" href=""> </ul> </div> <!--/col-md-4--> </div> <!--/row--> </div> <!--/container--> </div> <!--End mg-footer-widget-area--> <div class="mg-footer-copyright"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 text-xs"> <p> <a href="https://wordpress.org/"> Proudly powered by WordPress </a> <span class="sep"> | </span> Theme: Newsup by <a href="https://themeansar.com/" rel="designer">Themeansar</a>. </p> </div> <div class="col-md-6 text-right text-xs"> <ul class="info-right"><li class="nav-item menu-item "><a class="nav-link " href="https://phptravels.vn/" title="Home">Home</a></li><li class="nav-item menu-item page_item dropdown page-item-3"><a class="nav-link" href="https://phptravels.vn/chinh-sach-bao-mat/">Chính sách bảo mật</a></li></ul> </div> </div> </div> </div> </div> <!--/overlay--> </footer> <!--/footer--> </div> </div> </div> <!--/wrapper--> <!--Scroll To Top--> <a href="#" class="ta_upscr bounceInup animated"><i class="fas fa-angle-up"></i></a> <!--/Scroll To Top--> <!-- /Scroll To Top --> <div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='top: 650px; position: fixed; z-index: 9995; width: 728px; height: 250px; text-align: center; left: 40%; transform: translate(-50%, -50%);opacity: 0;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9433987078064567" crossorigin="anonymous"></script> <!-- PhpPc3 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9433987078064567" data-ad-slot="6887280934" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class='code-block code-block-4 ai-viewport-3' style='top: 200px; position: fixed; z-index: 9995; width: 300px; height: 300px; text-align: center; left: 40%; transform: translate(-50%, -50%);opacity: 0;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9433987078064567" crossorigin="anonymous"></script> <!-- PhpMb1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9433987078064567" data-ad-slot="2700623916" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <script> jQuery('a,input').bind('focus', function() { if(!jQuery(this).closest(".menu-item").length && ( jQuery(window).width() <= 992) ) { jQuery('.navbar-collapse').removeClass('show'); }}) </script> <style>.wp-container-1 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-1 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-1 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style> <style>.wp-container-2 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-2 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-2 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style> <script type='text/javascript' id='fifu-image-js-js-extra'> /* <![CDATA[ */ var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/phptravels.vn\/wp-json\/","fifu_nonce":"03dee873c8"}; /* ]]> */ </script> <script type='text/javascript' src='https://phptravels.vn/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=3.8.7' id='fifu-image-js-js'></script> <script type='text/javascript' src='https://phptravels.vn/wp-content/themes/newsup/js/custom.js?ver=6.0' id='newsup-custom-js'></script> <script type='text/javascript' src='https://phptravels.vn/wp-content/themes/newsup/js/custom-time.js?ver=6.0' id='newsup-custom-time-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>