Thẻ tùy chỉnh HTML

tôi thích viết mã. Tôi đã viết bằng Java, PHP, C#, Perl Shutter và JavaScript. Tôi yêu thích js nhiều như vậy, nhưng sở thích của tôi có lẽ là HTML vì cách bản chất khai báo của nó cho phép tôi dễ dàng diễn đạt những gì tôi đang hình dung trong đầu và chỉ với một cú nhấp chuột vào nút làm mới, tôi có thể thấy ngay tác phẩm của mình trên đó . Đó là thiết kế và kỹ thuật tất cả trong một chuyển động và tôi thích nó. Nhưng HTML không nhận được loại sử dụng mà nó nên. Hãy xem qua những điều cơ bản và tìm hiểu một cách tiếp cận mới mà bạn có thể thấy đáng xem xét

Vì vậy, công việc của HTML là cung cấp cấu trúc và ý nghĩa nội dung. Đây được gọi là ngữ nghĩa. Khi web phát triển, HTML được điều chỉnh để bao gồm các yếu tố mới nhằm cung cấp hỗ trợ ngữ nghĩa cho nhiều nội dung hơn, chẳng hạn như

để điều hướng và cho video và
cho, tốt, bài báo. Trong những năm qua, nó cũng đã thêm các khả năng mới cho các phần tử hiện có như bổ sung thuộc tính lấy nét tự động, thuộc tính này cho trình duyệt biết phần tử nào cần tập trung vào tải trang (bạn biết rằng đó là phần bắt buộc phải có để đăng nhập và tìm kiếm giao diện người dùng. )

Những bổ sung này đã được thực hiện thông qua các cấu trúc HTML thông thường. thẻ, thuộc tính và lồng nhau. Trong trường hợp bạn cần xem lại, đây là một số ví dụ

h1 là thẻ “tiêu đề cấp 1”

Đó là một phần tử "neo", thẻ a, với các thuộc tính tải xuống và "tham chiếu siêu văn bản" và nó được lồng bên trong p hoặc đoạn văn. Dưới đây là một số ví dụ khác

HTML cung cấp cho chúng tôi rất nhiều yếu tố này để làm việc, nhưng như bạn biết rõ, nó không cung cấp cho chúng tôi đủ yếu tố cho mọi thứ chúng tôi cần. Không phải bằng một cú sút xa. Lấy các biểu tượng làm ví dụ đơn giản, đây là một số trong giao diện người dùng của GitHub

Vì HTML không cung cấp cho chúng tôi thẻ biểu tượng để đánh dấu các biểu tượng của trang web nên chúng tôi phải đưa ra các giải pháp của riêng mình. Dưới đây là bốn cách tiếp cận tương tự mà bạn có thể đã thấy trước đây

Những giải pháp đó sử dụng các lớp để xác định cả loại thành phần và thuộc tính của nó, và mặc dù điều đó không có gì sai nhưng vẫn có những hạn chế

1) Đặt tên lặp lại.
fa, icon, oi, và octiccon phải được lặp lại hai lần. Không khô rao.

2) Mất sự rõ ràng khi điều sau chắc chắn xảy ra (hoặc nỗ lực thêm cần thiết để ngăn chặn điều đó)

Chính xác thì cái cuối cùng được cho là gì?

3) Thẻ trở thành bản soạn sẵn không thể tránh khỏi mà không có ý nghĩa gì

Điều đó có nghĩa là

tất cả đều là bản soạn sẵn. đáng tiếc

4) Bên cạnh các yếu tố tiêu chuẩn, thiết kế dựa trên lớp có vẻ không phù hợp

Điều gì sẽ xảy ra nếu các phần tử tiêu chuẩn sử dụng các lớp như thế này?

Khá thô, nhưng đó là thiết kế dựa trên đẳng cấp và thậm chí còn tệ hơn nếu bạn theo dõi BEM. Đây là một ví dụ về điều đó từ một hệ thống thiết kế phổ biến

Các cách tiếp cận khác thậm chí còn kỳ lạ hơn

Chúng ta không phải làm theo cách này. Chúng tôi không cần phải sử dụng các lớp học hoặc mánh khóe. Có một cái gì đó tốt hơn

Chúng tôi có thể thiết kế các thành phần tùy chỉnh với các API có ý nghĩa hơn bằng cách sử dụng thẻ, thuộc tính và lồng nhau - giống như các phần tử thực. Đây là ý nghĩa của nó

Một thiết kế dựa trên lớp điển hình

Hiện đã hoàn tất với thẻ và thuộc tính tùy chỉnh

Nếu điều này làm bạn khó chịu, đừng lo lắng. Thẻ tùy chỉnh tương thích với tất cả các trình duyệt hiện đại và các phiên bản IE mới hơn. Các trình duyệt vui vẻ tải xuống, phân tích cú pháp và hiển thị các thẻ tùy chỉnh giống như bất kỳ HTML “thực” nào vì đây là HTML thực. Chắc chắn, đó không phải là thành phần tiêu chuẩn và các trình duyệt sẽ không có bất kỳ kiểu mặc định hoặc hành vi tích hợp nào cho thẻ tùy chỉnh hoặc thẻ không xác định của bạn, nhưng đó hoàn toàn không phải là vấn đề. Bạn có thể tạo quy tắc CSS cho các thẻ tùy chỉnh, như biểu tượng, giống như cách bạn có thể làm cho các thẻ và lớp tiêu chuẩn

Vì vậy, có chúng tôi đi. Nó hoạt động hoàn hảo và ngoài tính đặc hiệu, nó không khác gì. biểu tượng và. icon-phone. trước

Hãy làm một cái khác

Một thiết kế Huy hiệu dựa trên lớp điển hình trông giống như

Không tệ, nhưng đây là điều tương tự khi sử dụng thẻ và thuộc tính

Cái thứ hai rõ ràng là một thành phần Huy hiệu với các thuộc tính riêng của nó. Một lần nữa, không giống như các yếu tố thực tế. Và với một chút CSS, chúng tôi có thể thêm một số thông tin vào Huy hiệu để khi nó có số lượng bằng 0 hoặc không có số lượng, nó sẽ ẩn đi

thật tuyệt

Dưới đây là một số ví dụ khác về các thành phần được tạo bằng thẻ và thuộc tính tùy chỉnh thay vì lớp

Chúng ta làm lại các Thao tác Hộp thoại của Vật liệu từ trước đó thì sao?

Bạn có thể thấy sự khác biệt?

Bạn đang bắt đầu cảm nhận được những lợi ích?

Thiết kế các thành phần UI đơn giản này với các thẻ và thuộc tính thay vì các lớp rất thú vị và tốt hơn. khách quan là tốt hơn

Cho phép các kỹ sư giao diện người dùng thiết kế các thành phần với nhiều API có ý nghĩa hơn thay vì thẻ soạn sẵn và danh sách các lớp
Thẻ tùy chỉnh có ý nghĩa ngữ nghĩa mạnh mẽ và dễ dàng nhận dạng. so với.
Không còn BEM hay các phương pháp tương tự cho kỹ thuật xoay quanh các vấn đề với thiết kế dựa trên lớp
Trong nhiều trường hợp, bạn có thể bỏ nhu cầu trừu tượng hóa. {{> icon name="phone"}} hoặc được thay thế bằng
Kết quả là một đánh dấu rõ ràng, dựa trên tiêu chuẩn có giao diện đồng nhất đẹp mắt với khả năng đọc tuyệt vời
Using custom tags and attributes is officially supported. It’s how HTML thought we’d design custom components, but we instead went crazy for classes!

Ngoài ra còn có một lợi ích lớn khác khi sử dụng thẻ và thuộc tính tùy chỉnh. nó định vị thành phần của bạn tốt hơn để cải tiến trong tương lai. Làm thế nào vậy?

Tạo và chia sẻ các thành phần tùy chỉnh là một cam kết. Các thành phần của bạn sẽ phát triển và có thêm các khả năng mới theo thời gian. Hãy xem sự phát triển có thể có của thành phần Cảnh báo tùy chỉnh (còn gọi là Chú thích)

Thiết kế ban đầu

Điều đó sẽ trông giống như

Xin lưu ý rằng không có phụ thuộc ở đây. Không có gì để tải xuống, không có công cụ và không có gì để xây dựng. Không phép thuật, không hack, không sở hữu độc quyền, không khuôn khổ hay cú pháp đặc biệt, không gì cả. Và khi nói đến việc xây dựng phần mềm, không gì tốt hơn một thứ

Thông báo của chúng tôi hiện khá đơn giản, vì vậy hãy xem liệu chúng tôi có thể đặt cho nó một biểu tượng không

Với một biểu tượng

Điều đó hiệu quả, nhưng đó không phải là cách đúng đắn để thiết kế một thành phần. Hãy lấy một biểu tượng mà không phụ thuộc vào người triển khai

Với biểu tượng được suy ra

Ok, điều đó bắt đầu thực sự trông giống như một cái gì đó. (Lưu ý rằng CSS ở đây không bao gồm tất cả các thuộc tính cần thiết)

Việc Cảnh báo tự động biến mất là điều khá phổ biến, vì vậy hãy thêm hỗ trợ cho điều đó. Nếu thực sự có một phần tử cảnh báo HTML và nó có tính năng tự động biến mất thì người ta có thể tưởng tượng rằng nó sẽ có thuộc tính tự động loại bỏ để kích hoạt hành vi này, vì vậy hãy bắt đầu với điều đó

Tính năng tự động loại bỏ mới

Tốt đẹp. Chúng tôi thực sự đã có cho mình một thành phần hữu ích mà không cần một bước xây dựng hoặc polyfill nào - hãy tưởng tượng rằng. Và kiểm tra API nhỏ thân thiện của nó

thẻ cảnh báo
thuộc tính loại (bắt buộc) - một trong các thuộc tính “thành công”, “cảnh báo” hoặc “lỗi”
tự động loại bỏ (tùy chọn)
id, class, aria- and other “inherited” attributes still apply
transitionend event - DOM event, fires after Alert disappears
Accepts nested content, including other custom tags

Nếu bạn không biết rõ hơn, bạn có thể nghĩ rằng đây là một trong số các phần tử HTML5 ưa thích. Đó là dấu hiệu chúng ta đang đi đúng hướng

Đóng, nhưng không hoàn toàn
Tuy nhiên, có một vấn đề nhỏ. Vấn đề là tên thẻ của chúng tôi không hoàn toàn phù hợp với tương lai. Có hai cân nhắc ở đây.

Xung đột
Đầu tiên là một ngày nào đó HTML có thể nhận được thẻ có cùng tên với thẻ của chúng tôi. Tôi cầu nguyện mỗi đêm trước khi đi ngủ rằng WHATWG sẽ cung cấp cho chúng tôi, nhưng nếu WHATWG không cung cấp thì vẫn có khả năng một số nhà phát triển khác sẽ cung cấp cho chúng tôi. Dù bằng cách nào cũng có nguy cơ xảy ra va chạm và điều đó đưa chúng ta đến sự cân nhắc thứ hai. tiền tố.

Tiền tố
Mặc dù về mặt kỹ thuật, đây không phải là Phần tử tùy chỉnh nhưng bạn sẽ muốn tuân theo thông số kỹ thuật đó bằng cách sử dụng tiền tố cho thẻ tùy chỉnh của mình. Tại Avalara, chúng tôi sử dụng s- làm tiền tố của mình. Chữ s là viết tắt của Skylab, là tên hệ thống thiết kế của chúng tôi, nhưng nó cũng có nghĩa là.

tiêu chuẩn - chúng tôi luôn hướng tới tiêu chuẩn cho đến khi chúng tôi thực sự cần đưa vào phần phụ thuộc
ngữ nghĩa - thẻ có thuộc tính có nhiều ngữ nghĩa hơn div có lớp
small - basic HTML and CSS can take you very far without the overhead of something like React
shared - these components are shared by our 20+ web apps and three times as many developers
Seattle - ok not really, but that’s where we are! Come join us

Vì vậy, vâng, tiền tố là một cách thực hành tốt nhất. Nó giải quyết nguy cơ xung đột giữa các thẻ và là điểm phân biệt trực quan hữu ích giữa thẻ tiêu chuẩn và thẻ tùy chỉnh. Quan trọng hơn, nó giúp bạn thiết lập rất tốt khi chức năng hỗ trợ JavaScript được yêu cầu và thành phần “vi mô” nhỏ hạnh phúc của bạn cần phát triển và trở thành Phần tử tùy chỉnh thực sự (hoặc tương tự). Bạn thấy đấy, việc sử dụng các thẻ tùy chỉnh có tiền tố thay vì các lớp cho phép các thành phần của bạn mở rộng theo một trong hai hướng. bạn có thể thu nhỏ thành các thành phần chỉ có CSS ​​nhẹ như biểu tượng hoặc tất cả các thành phần tương tác đáp ứng tất cả các thay đổi trạng thái trong khi vẫn duy trì cùng một giao diện HTML. Bí mật là các thẻ tùy chỉnh có tiền tố

Hãy xem cách Cảnh báo của chúng ta có thể chuyển từ thẻ tùy chỉnh cơ bản có kiểu sang thành phần hỗ trợ JavaScript tương tác mà không vi phạm các thay đổi hoặc thay đổi mô hình

Trong bản phát hành Cảnh báo trong tương lai, giả sử chúng tôi đang thêm khả năng đặt thời lượng tự động loại bỏ. Bạn có thể lấy bốn giây mặc định bằng cách thêm thuộc tính hoặc bạn có thể rút ngắn hoặc kéo dài thời lượng đó bằng cách đặt giá trị của nó thành một số

Ghi đè thời lượng tự động loại bỏ

Nhưng như chúng ta đã học được, cách tốt nhất là sử dụng tiền tố, vì vậy điều đó thực sự nên

lưu ý bên lề. Nếu bạn là người duy trì thư viện dùng chung, hãy chọn một tiền tố ngắn có ý nghĩa đối với bạn. Ví dụ, Bootstrap của Twitter sẽ đi từ

Vật liệu có thể sử dụng mdc- như hình trên

Dù sao, quay lại chế độ tự động loại bỏ. Hỗ trợ giá trị giây hiện yêu cầu sử dụng JavaScript. Tại thời điểm này, hầu hết mọi người làm theo những gì họ biết hoặc thử tăng cường hương vị của ngày cho bất kỳ thành ngữ và cú pháp đặc biệt nào được yêu cầu. Đó không phải là vấn đề nếu bạn là một nhóm nhỏ với một ứng dụng, nhưng nếu bạn có nhiều người tiêu dùng thành phần Cảnh báo của mình thì bạn đang tham gia vào một hợp đồng mã và hợp đồng đó càng ít yêu cầu người triển khai thì càng tốt

Chúng tôi có thể giảm thiểu hợp đồng và có vị trí tốt hơn trong dài hạn nếu chúng tôi chọn một giải pháp tuân theo hoặc gần với các Yếu tố tùy chỉnh. Dưới đây là một số tùy chọn có sẵn ngày hôm nay

Tất nhiên là các Thành phần tùy chỉnh hoặc Thành phần web toàn diện
Polymer
Slim
Vue
Riot, which has the best DX out there imo, try it. There’s even a w3c proposal that takes the Custom Elements spec in a similar direction

Dưới đây là hai ví dụ trong đó Cảnh báo đã được nâng cấp thành một thành phần có trạng thái để hỗ trợ giá trị do người dùng xác định cho độ trễ tự động loại bỏ.

Yếu tố tùy chỉnh + yếu tố

Bất kể triển khai như thế nào, đánh dấu của chúng tôi cho Cảnh báo vẫn không thay đổi

Và mặc định vẫn hoạt động như vậy

Không gian front-end nổi tiếng với sự thay đổi nhanh chóng. Đó là một nơi cường điệu và mốt nhất thời. Điều đó có thể sẽ không thay đổi, nhưng trong tương lai nếu thứ bạn chọn cho phép bạn và các nhà phát triển khác soạn giao diện người dùng bằng HTML, thì đó là một lựa chọn tốt. Nếu điều gì đó buộc bạn phải thêm nhiều kb (hơn 10 phút+gz) và viết cú pháp đặc biệt, thì đó không phải là lựa chọn tốt cho bố cục giao diện người dùng vì chúng tôi đã có HTML cho điều đó. Chúng tôi chưa sử dụng nó đúng cách

Khả năng viết các ứng dụng được xây dựng bằng loại đánh dấu dựa trên tiêu chuẩn này không chỉ là một DX tốt hơn mà còn ít tốn kém hơn vì không có gì độc quyền chắc chắn sẽ lỗi thời và cần được tái cấu trúc. Lấy giao diện người dùng của GitHub làm ví dụ. Không biết họ đã xây dựng nó bằng gì, nhưng khi tôi viết bài này, tôi nhìn vào giao diện và tưởng tượng mình đang sử dụng Skylab để tạo lại nó

Bây giờ tôi biết điều này không giải quyết được vấn đề khó khăn về quản lý trạng thái ứng dụng và giao diện người dùng phản ánh trạng thái đó một cách đáng tin cậy. Đó là điều mà React và những người khác đặt ra để giải quyết và họ đã làm được. Nhưng cộng đồng front-end dường như đã không thể thực hiện một cách tiếp cận cân bằng để áp dụng các công nghệ mới này và chỉ bắt đầu thiết kế quá mức mọi thứ trước mắt. Nó rất phổ biến trong cộng đồng React nói riêng. Tôi sẽ mạo muội nói rằng nếu bạn sử dụng React thì chắc chắn bạn đang có một ứng dụng được thiết kế quá mức, hoặc ít nhất là một phần. Khi tôi nhìn thấy những thứ như thế này, tôi chỉ tự hỏi tất cả các nhà phát triển React đang làm cái quái gì với chính họ (đây là những thành phần React thực sự, có hàng trăm ví dụ như thế này)

Chỉ cần dành một phút để suy nghĩ về những gì đã xảy ra ở đó…

Đây là một cái khác từ một công ty tuyệt vời nên biết rõ hơn

Việc lạm dụng các thư viện này làm giảm lợi ích tiềm năng, thậm chí đến mức dẫn đến kết quả tiêu cực tổng thể. Nhưng tôi không biết, có lẽ nó không quá rõ ràng

Một kỹ sư có nên viết hàng chục dòng CSS để tạo Huy hiệu hay họ nên viết tổng cộng 474 dòng mã trên 8 tệp có nhiều phụ thuộc và một quy trình xây dựng bắt buộc?

“Vì vậy, nó có thể mở rộng quy mô,” tôi nghe thấy. Vì vậy, nó có thể…và 9 trong số 10 lần triển khai không có nguy cơ không thể mở rộng quy mô, nhưng tất cả 10 lần triển khai đã được giải quyết bằng [chèn thư viện js yêu thích] và hiện tại, ứng dụng có số lượng mã gấp 10 lần so với mức cần thiết và cực kỳ cao . Nó có thể thu nhỏ lại không?

Và đó thực sự là ý nghĩa của cách tiếp cận thẻ tùy chỉnh. Có, thiết kế thẻ cộng với thuộc tính đẹp hơn nhiều so với thiết kế dựa trên lớp (thời điểm chuyển đổi đó chắc chắn đã đến), nhưng có thể thiết kế và xây dựng các thành phần mở rộng theo bất kỳ hướng nào với HTML tốt trong nhiều trường hợp sử dụng

Các thẻ HTML tùy chỉnh, Thành phần web, thông số Phần tử tùy chỉnh và một số lib js gần với nó - đó là con đường để thiết kế các thành phần giao diện người dùng tốt hơn và vượt qua thời đại kỹ thuật quá mức này

HTML có thể có thẻ tùy chỉnh không?

Việc sử dụng thẻ và thuộc tính tùy chỉnh được hỗ trợ chính thức . Đó là cách HTML nghĩ rằng chúng tôi sẽ thiết kế các thành phần tùy chỉnh, nhưng thay vào đó chúng tôi phát điên vì các lớp học.

Làm cách nào để tạo thẻ HTML?

Thẻ HTML là một từ hoặc chữ cái đặc biệt được bao quanh bởi dấu ngoặc nhọn, < và > . Bạn sử dụng các thẻ để tạo các phần tử HTML, chẳng hạn như đoạn văn hoặc liên kết. Nhiều phần tử có thẻ mở và thẻ đóng — ví dụ: phần tử p (đoạn văn) có thẻ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Tùy chỉnh trong HTML là gì?

Thuộc tính tùy chỉnh là thuộc tính không phải là một phần của thuộc tính HTML5 tiêu chuẩn nhưng được tạo rõ ràng . Chúng cho phép chúng tôi thêm thông tin của riêng mình vào các thẻ HTML. Chúng không cụ thể và có thể được sử dụng với tất cả các phần tử HTML.

3 loại thẻ HTML là gì?

Thẻ HTML cơ bản .
Head Tag. The head tag contains all the elements describing the document..
Title Tag. The title tag specifies the HTML page title, which is shown in the browser's title bar..</div> <div>Body Tag. The body tag <body> is where you insert your web page's content..</div> <div>Thẻ đoạn văn. . </div> <div>Thẻ tiêu đề</div> </div></p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/tsFvM6gcm80?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://cunghoidap.com/tags/programming" class="tag-link">programming</a> <a href="https://cunghoidap.com/tags/html" class="tag-link">html</a> </div> </div> <div class="post-tools"> <button data-postid="the-tuy-chinh-html" class="btn btn-answerModalBox"><img class="mr-1" alt="Thẻ tùy chỉnh HTML" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="the-tuy-chinh-html" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Thẻ tùy chỉnh HTML" src="/dist/images/svg/face-smile_16.svg">2</button> <button data-postid="the-tuy-chinh-html" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Thẻ tùy chỉnh HTML" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Thẻ tùy chỉnh HTML" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div><!-- end question-post-body --> </div><!-- end question-post-body-wrap --> </div><!-- end question --> <div id="answers_the-tuy-chinh-html" class="answers"> </div><!-- end answer-wrap --> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/do-su-ky-kieu-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/jZDEytp7UJU/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBTmmS_6GX3W2zm-LoYN3aRaTcNFA" alt="Đồ sứ ký kiểu là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/do-su-ky-kieu-la-gi-nam-2024">Đồ sứ ký kiểu là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Ngoạn Ngọc" class="tag-link">Ngoạn Ngọc</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/lang-van-hoa-cac-dan-toc-thieu-so-dong-mo-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/D20VZ6dQBu0/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLB4YTPHwORhiHxPrz1R9wFZ-SnJng" alt="Làng văn hóa các dân tộc thiểu số đồng mô năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/lang-van-hoa-cac-dan-toc-thieu-so-dong-mo-nam-2024">Làng văn hóa các dân tộc thiểu số đồng mô năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/ngay-2-6-la-ngay-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/eJzDQfktC_A/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDDfXfgtYLEbi4g7tSpPPTADUiXCQ" alt="Ngày 2 6 là ngày gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ngay-2-6-la-ngay-gi-nam-2024">Ngày 2 6 là ngày gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/co-nghi-dinh-nao-thay-the-nghi-dinh-158-chua-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/LhnFeVaximU/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYHSBGKH8wDw==&rs=AOn4CLA1oD6Ok_FIC8PKBS9TAW2Zd0fD0g" alt="Có nghị định nào thay thế nghị định 158 chưa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/co-nghi-dinh-nao-thay-the-nghi-dinh-158-chua-nam-2024">Có nghị định nào thay thế nghị định 158 chưa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/top-cong-cu-tron-noi-dung-bai-viet-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/JPN8AQxmxwA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAUEoeToHyAvyFzH4wT_dbm4uHmgA" alt="Top công cụ trộn nội dung bài viết năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-cong-cu-tron-noi-dung-bai-viet-nam-2024">Top công cụ trộn nội dung bài viết năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> <a href="/tags/Tool xào bài" class="tag-link">Tool xào bài</a> <a href="/tags/Spin nội dung" class="tag-link">Spin nội dung</a> <a href="/tags/Mass SEO Content" class="tag-link">Mass SEO Content</a> <a href="/tags/Viết lại content" class="tag-link">Viết lại content</a> <a href="/tags/Spin Coin Master" class="tag-link">Spin Coin Master</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/paris-sunday-womens-short-sleeve-lace-top-red-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/gLNC2gX0l2Y/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBkUGxgJoPeZr3mzV2H2EbEvUnb3A" alt="Paris sunday womens short sleeve lace top red năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/paris-sunday-womens-short-sleeve-lace-top-red-nam-2024">Paris sunday womens short sleeve lace top red năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> <a href="/tags/Lace tops women" class="tag-link">Lace tops women</a> <a href="/tags/Red Lace Top" class="tag-link">Red Lace Top</a> <a href="/tags/Lace Floral Blouse" class="tag-link">Lace Floral Blouse</a> <a href="/tags/Zara LACE TOP" class="tag-link">Zara LACE TOP</a> <a href="/tags/Brown Lace Top" class="tag-link">Brown Lace Top</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/chong-co-bui-thi-xuan-trang-day-hoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/u-jrKqMfykU/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLApzY0uY_jK7BFS2rNi0CzdWIsa2A" alt="Chồng cô bùi thị xuân trang dạy hóa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/chong-co-bui-thi-xuan-trang-day-hoa-nam-2024">Chồng cô bùi thị xuân trang dạy hóa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Ngũ phụng thư" class="tag-link">Ngũ phụng thư</a> <a href="/tags/Trần Quang Diệu" class="tag-link">Trần Quang Diệu</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/em-be-trong-bung-me-an-nhu-the-nao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/TX0f42nvsr8/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDYWHirYsSMdHquJ0kxfwEXG2biKw" alt="Em bé trong bụng mẹ ăn như thế nào năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/em-be-trong-bung-me-an-nhu-the-nao-nam-2024">Em bé trong bụng mẹ ăn như thế nào năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Thế nào" class="tag-link">Thế nào</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/hay-dau-bung-am-i-la-benh-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/NfhM2WGpiIg/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDrmpoZzMixNEVamhr--o9PtOul_Q" alt="Hay đau bụng âm ỉ là bệnh gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/hay-dau-bung-am-i-la-benh-gi-nam-2024">Hay đau bụng âm ỉ là bệnh gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/nganh-khoa-hoc-cong-nghe-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/wHJODpCR7To/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBfitlULhFRPeBX2oDKDx-Ce8C7yQ" alt="Ngành khoa học công nghệ là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/nganh-khoa-hoc-cong-nghe-la-gi-nam-2024">Ngành khoa học công nghệ là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Công nghệ" class="tag-link">Công nghệ</a> </div> </div> </div> </div><!-- end media --> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cang-duoi-chan-cau-phu-my-la-cang-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/yaOXRHw1TgI/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAUf62BxWOuqtSbCW3vLwljkuYijA" alt="Cảng dưới chân cầu phú mỹ là cảng gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cang-duoi-chan-cau-phu-my-la-cang-gi-nam-2024">Cảng dưới chân cầu phú mỹ là cảng gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/van-bang-2-cong-nghe-thong-tin-tp-hcm-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/z4kEFZ0rxyA/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AdQGgALgA4oCDAgAEAEYZSBfKFcwDw==&rs=AOn4CLBaX6En9HdshSFXsCEuF4kuGHDkJg" alt="Văn bằng 2 công nghệ thông tin tp hcm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/van-bang-2-cong-nghe-thong-tin-tp-hcm-nam-2024">Văn bằng 2 công nghệ thông tin tp hcm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Công nghệ" class="tag-link">Công nghệ</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/top-10-global-law-firm-with-office-in-vietnam-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/a3-PYUWOCMA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDmUl1MQrMT7cAUZdBLln13QQrgBw" alt="Top 10 global law firm with office in vietnam năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-10-global-law-firm-with-office-in-vietnam-nam-2024">Top 10 global law firm with office in vietnam năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> <a href="/tags/Legal 500 Vietnam" class="tag-link">Legal 500 Vietnam</a> <a href="/tags/Vietnam legal market" class="tag-link">Vietnam legal market</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-khi-cai-mapinfo-tren-win-7-hotfix-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/IeQLgPopxOU/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLApmtN8AZQD6xknBlvKIw5fgIKv8Q" alt="Lỗi khi cài mapinfo trên win 7 hotfix năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-khi-cai-mapinfo-tren-win-7-hotfix-nam-2024">Lỗi khi cài mapinfo trên win 7 hotfix năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tuoi-tho-trung-binh-cua-nguoi-viet-nam-1946-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/x6sMobyZGE4/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAewN_p1ryqMKNL4wBCtIcNv1vqrQ" alt="Tuổi thọ trung bình của người việt nam 1946 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tuoi-tho-trung-binh-cua-nguoi-viet-nam-1946-nam-2024">Tuổi thọ trung bình của người việt nam 1946 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/khoa-hoc-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/HaoFXguJm_c/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBlqFaj1W6zLsJqQ2K-Tt_k9iVwiw" alt="Khóa học tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/khoa-hoc-tieng-anh-la-gi-nam-2024">Khóa học tiếng anh là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/danh-sach-giang-vien-iuh-khoa-ke-toan-kiem-toan-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/FluVA2Qkf1s/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBbKFEwDw==&rs=AOn4CLAyjtdOhGh6evmc4Z0g9wN6LocwLQ" alt="Danh sách giảng viên iuh khoa kế toán kiểm toán năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/danh-sach-giang-vien-iuh-khoa-ke-toan-kiem-toan-nam-2024">Danh sách giảng viên iuh khoa kế toán kiểm toán năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Sách " class="tag-link">Sách </a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Danh sách" class="tag-link">Danh sách</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tai-khoan-da-vo-hieu-hoa-khong-du-dieu-kien-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/fRN_N9razaE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAmvGmQzXWaH9WnxbRqy3rTCXQkaQ" alt="Tài khoản đã vô hiệu hóa không đủ điều kiện năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tai-khoan-da-vo-hieu-hoa-khong-du-dieu-kien-nam-2024">Tài khoản đã vô hiệu hóa không đủ điều kiện năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/khoa-hoc-cong-nghe-trong-nong-nghiep-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Z9tZY6z7QXE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBH6TV06cLth3vMvnQ9dPDL-Vg34g" alt="Khoa học công nghệ trong nông nghiệp là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/khoa-hoc-cong-nghe-trong-nong-nghiep-la-gi-nam-2024">Khoa học công nghệ trong nông nghiệp là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Công nghệ" class="tag-link">Công nghệ</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-toan-nang-cao-tam-thuc-bac-2-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/ug9p2oLYEV0/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYfyArKBUwDw==&rs=AOn4CLAUcw4C99l8Rg9QxKHabLGC45tZ9Q" alt="Bài toán nâng cao tam thức bâc 2 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-toan-nang-cao-tam-thuc-bac-2-nam-2024">Bài toán nâng cao tam thức bâc 2 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> </div> </div></div> </div> </div> </div><!-- end question-main-bar --> </div><!-- end col-lg-9 --> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/indesign-ko-xuat-duoc-pdf-do-loi-font-nam-2024">Indesign ko xuất được pdf do lỗi font năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/AutocraticSoccer" class="author">AutocraticSoccer</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/don-vi-cua-dien-tro-la-gi-nam-2024">Đơn vị của điện trở là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/AmazedTempo" class="author">AmazedTempo</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/top-cong-ty-chuyen-phat-nhanh-tren-the-gioi-nam-2024">Top cong ty chuyen phat nhanh tren the gioi năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/MisplacedWithholding" class="author">MisplacedWithholding</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-tap-cac-lenh-xu-ly-mat-solidworks-nam-2024">Bài tập các lệnh xử lý mặt solidworks năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/AfloatPueblo" class="author">AfloatPueblo</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-1-lop-12-cauu-tao-gen-la-gi-nam-2024">Bài 1 lop 12 cauu tạo gen là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/MindlessConfiscation" class="author">MindlessConfiscation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-24-toan-9-tap-2-trang-76-nam-2024">Bài 24 toán 9 tập 2 trang 76 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/ClandestineManga" class="author">ClandestineManga</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-tap-although-despite-in-spite-of-violet-nam-2024">Bài tập although despite in spite of violet năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/UnusedPendulum" class="author">UnusedPendulum</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/manh-thuy-vuong-bac-van-co-yeu-nhau-nam-2024">Mạnh thụy vương bác văn có yêu nhau năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/MellowSpaghetti" class="author">MellowSpaghetti</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/mua-ha-noi-3819-co-cho-nao-bi-ngap-nam-2024">Mưa hà nội 3.8.19 có chỗ nào bị ngập năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/VirginHardship" class="author">VirginHardship</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/ham-iferror-trong-excel-la-gi-nam-2024">Hàm iferror trong excel là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/RespectfulFragmentation" class="author">RespectfulFragmentation</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-6-ban-than-em-phai-lam-gi-de-phong-chong-hivaids-2023">Top 6 bản thân em phải làm gì để phòng chống hiv/aids 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-so-20-gom-2-va-0-dung-hay-sai-2023">Top 7 số 20 gồm 2 và 0 đúng hay sai 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-dia-ly-lop-6-bai-19-lop-dat-va-cac-nhan-to-hinh-thanh-dat-mot-so-nhom-dat-dien-hinh-trang-178-2023">Top 7 địa lý lớp 6 bài 19: lớp đất và các nhân tố hình thành đất một số nhóm đất điển hình trang 178 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-h-thuc-hien-chu-truong-duong-loi-chinh-sach-cua-dang-phap-luat-cua-nha-nuoc-2023">Top 7 h thực hiện chủ trương đường lối chính sách của đảng pháp luật của nhà nước 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-6-on-tap-tieng-viet-lop-7-hoc-ki-2-violet-2023">Top 6 on tập tiếng việt lớp 7 học kĩ 2 violet 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-trung-du-va-mien-nui-bac-bo-co-the-manh-noi-bat-ve-luyen-kim-den-2023">Top 7 trung du và miền núi bắc bộ có thế mạnh nổi bật về luyện kim đen 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-8-mo-thay-co-nguoi-to-tinh-voi-minh-2023">Top 8 mơ thấy có người to tình với mình 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-6-nuoc-yen-cao-cap-yen-sao-thien-hoang-2023">Top 6 nước yến cao cấp yến sào thiên hoàng 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-vi-du-ve-quyet-dinh-hanh-chinh-nha-nuoc-2023">Top 7 ví dụ về quyết định hành chính nhà nước 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/chieu-rong-co-so-cua-xe-o-to-la-gi-nam-2024">Chiều rộng cơ sở của xe ô tô là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/DisjointedCemetery" class="author">DisjointedCemetery</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/nam-1999-la-nam-con-gi-va-menh-gi-nam-2024">Năm 1999 là năm con gì và mệnh gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/BelievablePublicity" class="author">BelievablePublicity</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/nhiem-vu-cua-trong-trot-la-gi-nam-2024">Nhiệm vụ của trồng trọt là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/AcridLiberation" class="author">AcridLiberation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/cao-xuan-tai-la-nguoi-theo-dao-gi-nam-2024">Cao xuân tài là người theo đạo gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">6 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/PlayfulViability" class="author">PlayfulViability</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/banh-trung-thu-van-hoa-lac-o-tphcm-nam-2024">Bánh trung thu văn hòa lạc ở tphcm năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/ThrivingDelegation" class="author">ThrivingDelegation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/loi-iphone-ko-vao-duoc-imessage-bang-so-dien-thoai-nam-2024">Lỗi iphone ko vào được imessage bằng số điện thoại năm 2024</a></h5> <small class="meta"> <span class="pr-1">4 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/TransatlanticAversion" class="author">TransatlanticAversion</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/beaune-du-chateau-premier-cru-2023-la-nho-gi-nam-2024">Beaune du chateau premier cru 2023 là nho gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/RetrospectiveRapidity" class="author">RetrospectiveRapidity</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/nuoc-tieu-co-ten-hoa-hoc-la-gi-nam-2024">Nước tiểu có tên hóa học là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/InstantBoldness" class="author">InstantBoldness</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/vi-khuan-noi-bao-la-gi-nam-2024">Vi khuẩn nội bào là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/ComplexScrimmage" class="author">ComplexScrimmage</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/cach-thanh-toan-cuoc-tra-sau-viettel-bang-the-cao-nam-2024">Cách thanh toán cước trả sau viettel bang the cao năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/ContraceptiveCheerleader" class="author">ContraceptiveCheerleader</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div><!-- end sidebar --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end question-area --> <!-- ================================ END QUESTION AREA ================================= --> <script>var questionId ='the-tuy-chinh-html'</script> <script>var postTime ='2022-12-23T16:59:48.841Z'</script> <script>var siteDomain ='cunghoidap.com'</script> <script type="text/javascript" src="https://cunghoidap.com/dist/js/pages/comment.js"></script> <!-- ================================ END FOOTER AREA ================================= --> <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <!-- end col-lg-6 --><div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://cunghoidap.com">Hỏi Đáp</a> Inc.</div> </div> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --> <!-- ================================ END FOOTER AREA ================================= --><script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script> <!-- template js files --> <!-- start back to top --> <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div> <!-- end back to top --> <script src="https://cunghoidap.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cunghoidap.com/dist/js/moment.js"></script> <script src="https://cunghoidap.com/dist/js/read-more.min.js"></script> <script src="https://cunghoidap.com/dist/js/main.js?v=6"></script> <!-- Google Tag Manager (noscript) --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="89fbed9868e6de0ad5bc6e12-|49" defer></script>