HTML <Nguồn: HTML Mozilla Network> Trang này liệt kê tất cả các phần tử HTML. Chúng được nhóm theo chức năng để giúp bạn tìm thấy những gì bạn cần phải làm những gì bạn có trong tâm trí. Mặc dù hướng dẫn này được viết cho những người mới hoặc mới hơn để mã hóa, chúng tôi dự định nó phải là một tài liệu tham khảo hữu ích cho bất cứ ai.
Basic elements (yếu tố cơ bản) Các yếu tố cơ bản là xương sống của bất kỳ tài liệu HTML. Bạn sẽ nhìn thấy những yếu tố này trong các mã nguồn cho tất cả các trang web, sau phần khai báo DOCTYPE, mà là trên dòng đầu tiên của trang. Các loại tài liệu được xác định phiên bản của (X) HTML mà trang đang sử dụng. Các yếu tố bao gồm các nội dung của một trang web được đặt giữa các thẻ mở <html> và thẻ đóng </ html>. <Html> yếu tố còn được gọi là phần tử gốc. Element Description <html>
HTML <html> phần tử (hoặc HTML tử gốc) đại diện cho thư mục gốc của một tài liệu HTML. Tất cả các yếu tố khác phải được con cháu của các yếu tố này.
Document metadata (thông tin siêu dữ liệu) Metadata chứa thông tin về trang. Điều này bao gồm các thông tin về phong cách, kịch bản và dữ liệu để giúp phần mềm (công cụ tìm kiếm, trình duyệt, vv) sử dụng và hiển thị trang. Metadata cho phong cách và các kịch bản có thể được định nghĩa trong các trang hoặc liên kết đến một tập tin có thông tin. Element Description <base>
HTML <base> chỉ rõ URL cơ sở để sử dụng cho tất cả các liên kết URL chứa trong một tài liệu. Có thể chỉ có một <base> yếu tố trong một tài liệu.
<head>
HTML <head> phần tử cung cấp thông tin chung (metadata) về các tài liệu, bao gồm cả tiêu đề và liên
kết đến / định nghĩa của kịch bản và phong cách của mình.
<style>
HTML <style> chứa thông tin phong cách cho một tài liệu, hay một phần của một tài liệu. Theo mặc định, các hướng dẫn phong cách viết bên trong phần tử được dự kiến sẽ được CSS.
<title>
HTML <title> định nghĩa tiêu đề của tài liệu, hiển thị trong thanh tiêu đề của trình duyệt hoặc trên tab của trang. Nó chỉ có thể chứa văn bản và bất kỳ thẻ chứa không được giải thích.
Content sectioning (phần nội dung) Nội dung sectioning yếu tố cho phép bạn tổ chức các nội dung tài liệu thành miếng logic. Sử dụng các yếu tố khi cắt để tạo ra một phác thảo rộng cho nội dung trang web của bạn, bao gồm cả tiêu đề và menu footer, và nhóm các yếu tố để xác định các phần của nội dung. Element
Description
<address>
HTML <address> nguồn cung cấp thông tin cho các yếu tố của nó gần <article> hoặc <body> tổ tiên liên hệ; trong trường hợp này, nó áp dụng cho toàn bộ tài liệu.
<article>
HTML <article> yếu tố đại diện cho một thành phần tự chứa trong một tài
liệu, trang, ứng dụng, hoặc trang web, đó là dự định được một cách độc lập hoặc tái sử dụng phép phân phối (ví dụ, trong cung cấp). Đây có thể là một diễn đàn, một tạp chí hoặc báo bài viết, một blog entry, một đối tượng, hoặc bất kỳ khoản mục độc lập khác của nội dung. Mỗi <article> nên được xác định, thường là bằng cách bao gồm một tiêu đề (
-
phần tử) như một đứa con của <article> phần tử.
<footer>
Các phần tử HTML <footer> đại diện cho một chân cho nội dung cắt- gần nhất hoặc khi cắt phần tử gốc. Một chân thường có chứa các thông tin về tác giả của các phần, dữ liệu bản quyền hoặc liên kết đến các tài liệu liên quan.
<header>
HTML <header> yếu tố đại diện cho một nhóm các trợ hoặc dẫn hướng. Nó có thể chứa một số nguyên tố thuộc nhóm mà còn các yếu tố khác như một logo, tiêu đề phần bọc, một hình thức tìm kiếm, và như vậy.
,
,
,
,
, >
Nhóm các yếu tố thực hiện sáu mức độ của các nhóm tài liệu,
là quan trọng nhất và
là ít nhất. Một yếu tố tiêu đề mô tả ngắn gọn về chủ đề của phần giới thiệu nó. Nhóm thông tin có thể được sử dụng bởi các đại lý người sử dụng, ví dụ, để xây dựng một bảng mục lục cho tài liệu một cách tự động.
<hgroup>
HTML <hgroup> Element (HTML Headings Group Element) đại diện cho tiêu đề của một phần. Nó định nghĩa một danh hiệu duy nhất mà tham gia trong những phác thảo của các tài liệu như các tiêu đề của phần ngầm hay rõ ràng rằng nó thuộc về.
<nav>
HTML <nav> phần tử (HTML Navigation Element) đại diện cho một phần của một trang mà liên kết đến các trang khác hoặc đến các bộ phận bên trong trang: một phần với các liên kết điều hướng.
Element
Description
<section>
HTML <section> yếu tố đại diện cho một phần chung của một tài liệu, ví dụ, một nhóm chuyên đề về nội dung, thường với một nhóm. Mỗi <section> nên được xác định, thường là bằng cách bao gồm một tiêu đề (
-
phần tử) như một đứa con của <section> phần tử.
Text content (phần văn bản) Sử dụng các yếu tố nội dung văn bản HTML để tổ chức các khối hoặc các phần của nội dung đặt giữa các thẻ mở <body> và đóng </ body>. Quan trọng đối với khả năng tiếp cận và SEO, những yếu tố xác định mục đích hoặc cấu trúc của nội dung đó. Element
Description
<dd>
HTML <dd> phần tử (HTML Mô tả Element) chỉ ra các mô tả của một từ trong một danh sách mô tả (<dl>) phần tử. Yếu tố này chỉ có thể xảy ra như là một phần tử con của một danh sách định nghĩa và nó phải tuân theo một nguyên tố <dt>.
<div>
HTML <div> yếu tố (hoặc phòng Tài liệu HTML Element) là container chung cho nội dung dòng chảy, mà không đại diện cho bất cứ điều gì vốn. Nó có thể được sử dụng để nhóm các yếu tố cho mục đích tạo kiểu (sử dụng lớp hoặc idattributes), hoặc bởi vì họ chia sẻ các giá trị, chẳng hạn như lang thuộc tính. Nó chỉ nên sử dụng khi không có yếu tố ngữ nghĩa khác (như <article> hoặc <nav>) là thích hợp.
<dl>
HTML <dl> phần tử (hoặc HTML Mô tả Danh sách Element) bao quanh một danh sách các cặp từ ngữ và mô tả. Sử dụng phổ biến cho các phần tử này là để thực hiện một thuật ngữ hoặc để hiển thị siêu dữ liệu (một danh sách các cặp key-value).
<dt>
HTML <dt> phần tử (hoặc HTML Term Definition Element) xác định thời hạn trong một danh sách định nghĩa. Yếu tố này chỉ có thể xảy ra như là một phần tử con của một <dl>. Nó thường được theo sau bởi một phần tử <dd>; Tuy nhiên, nhiều <dt> yếu tố liên tiếp chỉ ra một số điều khoản được tất cả các định nghĩa của các tiếp theo <dd> yếu tố ngay lập tức.
<figcaption> Các phần tử HTML <figcaption> đại diện cho một chú thích hoặc một huyền thoại gắn liền với
một nhân vật hay một minh họa mô tả bởi phần còn lại của dữ liệu của <hình> mà là tổ tiên trực tiếp của nó có nghĩa là <figcaption> có thể là yếu tố đầu tiên hoặc cuối cùng bên trong a <hình> khối. Ngoài ra, các phần tử HTML Figcaption là tùy chọn; nếu không được cung cấp, sau đó các phần tử hình cha mẹ sẽ không có phụ đề. <figure>
HTML <hình> yếu tố đại diện cho nội dung khép kín, thường xuyên với một chú thích (<figcaption>), và thường được tham chiếu như một đơn vị duy nhất. Trong khi nó có liên quan tới các dòng chảy chính, vị trí của nó là độc lập của các dòng chảy chính. Thông thường đây là một
Element
Description hình ảnh, một hình minh họa, một sơ đồ, một đoạn mã, hoặc một schema được tham chiếu trong các văn bản chính, nhưng điều đó có thể được chuyển đến một trang khác hoặc một phụ lục mà không ảnh hưởng đến dòng chảy chính.
<hr>
Các phần tử HTML <hr> đại diện cho một break chuyên đề giữa các yếu tố đoạn cấp (ví dụ, một sự thay đổi của cảnh trong một câu chuyện, hay một sự thay đổi của chủ đề với một phần). Trong các phiên bản trước của HTML, nó đại diện cho một quy tắc ngang. Nó vẫn có thể được hiển thị như một quy luật ngang trong trình duyệt hình ảnh, nhưng hiện nay được quy định tại các điều khoản về ngữ nghĩa, chứ không phải là thuật ngữ presentational.
<li>
HTML <li> phần tử (hoặc Danh mục HTML Element) được sử dụng để đại diện cho một mục trong một danh sách. Nó phải được chứa trong một yếu tố phụ huynh: một danh sách có thứ tự
(<ol>), một danh sách có thứ tự (<ul>), hoặc một menu (<menu>). Trong menu và danh sách không có thứ tự, danh sách các mặt hàng thường được hiển thị bằng cách sử dụng các điểm đạn. Trong danh sách đặt hàng, họ thường được hiển thị với một bộ đếm tăng dần về bên trái, chẳng hạn như một số hoặc chữ.
<main>
HTML <chính> yếu tố đại diện cho nội dung chính của <body> của một tài liệu hoặc ứng dụng. Khu vực nội dung chính bao gồm các nội dung liên quan trực tiếp đến, hoặc mở rộng thêm các chủ đề trung tâm của một chức năng trung tâm của một ứng dụng hoặc tài liệu. Nội dung này phải được duy nhất cho các tài liệu, không bao gồm bất kỳ nội dung đó được lặp đi lặp lại trên một tập hợp các tài liệu như sidebars, chuyển hướng liên kết, thông tin bản quyền, logo của trang, và các hình thức tìm kiếm (trừ khi chức năng chính của tài liệu là như là một hình thức tìm kiếm).
<ol>
HTML <ol> Element (hoặc HTML có thứ tự Danh sách Element) đại diện cho một danh sách có thứ tự các mặt hàng. Thông thường, ra lệnh cho danh sách các mục được hiển thị với một số trước đó, mà có thể là bất kỳ dạng nào, giống như chữ số, chữ cái hoặc chữ số La Mã hoặc thậm chí đạn đơn giản. Phong cách đánh số này không được định nghĩa trong mô tả HTML của trang, nhưng trong CSS liên quan của nó, sử dụng thelist-style-type tài sản.
HTML
phần tử (hoặc đoạn trong HTML Element) đại diện cho một đoạn văn bản.
HTML
phần tử (hoặc HTML Preformatted Text) đại diện cho văn bản định dạng trước. Văn bản trong phần này thường được hiển thị trong một phông chữ không tỷ lệ thuận với chính xác như
nó được đặt ra trong các tập tin. Các khoảng trắng bên trong phần tử này được hiển thị như khi bạn đánh.
<ul>
HTML <ul> phần tử (hoặc HTML Unordered List Element) đại diện cho một danh sách có thứ tự các mặt hàng, cụ thể là một bộ sưu tập của các mục mà không có một thứ tự số, và thứ tự của chúng trong danh sách là vô nghĩa. Thông thường, không có thứ tự danh sách các mục được hiển thị với một viên đạn, trong đó có thể có nhiều hình thức, như một dấu chấm, một vòng tròn hoặc
Element
Description một hình vuông. Kiểu nào không được định nghĩa trong mô tả HTML của trang, nhưng trong CSS liên quan của nó, bằng cách sử dụng danh sách-style-type tài sản.
Inline text semantics (ý nghĩa của văn bản nội dòng - Inline) Sử dụng các văn bản HTML inline ngữ nghĩa để xác định ý nghĩa, cấu trúc, hoặc phong cách của một từ, dòng, hoặc bất kỳ mảnh tùy ý của văn bản. Element Description <abbr>
HTML <abbr> phần tử (hoặc HTML Tên viết tắt Element) đại diện cho một từ viết tắt, và tùy chọn cung cấp một mô tả đầy đủ cho nó. Nếu có, các titleattribute phải chứa mô tả và không có gì khác đầy đủ này.
<b>
HTML <b> phần tử đại diện cho một khoảng thời gian văn bản phong cách khác nhau từ văn bản bình
thường, mà không truyền đạt bất kỳ quan trọng đặc biệt hoặc liên quan. Nó thường được sử dụng cho các từ khóa trong một bản tóm tắt, tên sản phẩm trong một đánh giá, hoặc nhịp khác của văn bản mà trình bày tiêu biểu sẽ được in đậm. Một ví dụ khác của việc sử dụng nó là để đánh dấu câu chính của mỗi đoạn của một bài báo.
<bdi>
HTML <BDI> Element (hoặc Isolation Bi-Directional Element) phân lập được một khoảng của văn bản có thể được định dạng theo một hướng khác nhau từ văn bản khác bên ngoài nó.
<bdo>
HTML <BDO> Element (hoặc HTML tố override hai chiều) được sử dụng để ghi đè lên hướng từ hiện tại của văn bản. Nó gây ra các định hướng của các nhân vật để được bỏ qua trong lợi của directionality quy định.
Các dòng phần tử HTML nghỉ tạo ra một ngắt dòng trong văn bản (carriage-return). Nó rất hữu ích cho việc viết một bài thơ hoặc một địa chỉ, nơi mà các bộ phận của đường dây là đáng kể.
<cite>
HTML Citation Element (<cite>) đại diện cho một tham chiếu đến một công việc sáng tạo. Nó phải bao gồm các tiêu đề của một tác phẩm hay một tài liệu tham khảo URL, có thể là trong một hình thức viết tắt theo quy ước sử dụng cho việc bổ sung các siêu dữ liệu trích dẫn.
<code>
HTML Mã Element (<code>) đại diện cho một đoạn mã máy tính. Theo mặc định, nó được hiển thị
trong font chữ đơn cách mặc định của trình duyệt.
<data>
HTML <data> phần tử liên kết một nội dung được đưa ra với một máy dịch thuật nào có thể đọc được. Nếu nội dung là tốn nhiều thời gian hoặc ngày liên quan, các <time> phải được sử dụng.
<dfn>
HTML Definition Element (<DFN>) đại diện cho các trường hợp xác định của một hạn.
Element Description <em>
Các yếu tố HTML nhấn mạnh <em> đánh dấu văn bản có căng thẳng nhấn mạnh. <Em> phần tử có thể được lồng vào nhau, với mỗi cấp độ làm tổ cho thấy một mức độ lớn của sự nhấn mạnh.
<i>
HTML <i> phần tử đại diện cho một loạt các văn bản được đặt ra từ các văn bản bình thường đối với một số lý do, ví dụ, thuật ngữ kỹ thuật, những từ ngữ nước ngoài, hoặc suy nghĩ nhân vật hư cấu. Nó thường được hiển thị ở dạng in nghiêng.
<kbd>
Các bàn phím HTML Input Element (<kbd>) đại diện cho người sử dụng đầu vào và sản xuất một phần tử nội tuyến hiển thị bằng phông đơn cách mặc định của trình duyệt.
<mark>
HTML Mark Element (<mark>) đại diện cho đánh dấu văn bản, ví dụ, một hoạt động của văn bản được đánh dấu cho mục đích tham khảo, do sự liên quan của nó trong một bối cảnh cụ thể. Ví dụ như nó có thể được sử dụng trong một kết quả tìm kiếm hiển thị trang để làm nổi bật mỗi thể hiện của các từ được tìm kiếm.
<q>
HTML Trích các phần tử (<q>) chỉ ra rằng các văn bản kèm theo là một câu trích dẫn nội tuyến ngắn. Yếu tố này là dành cho việc trích dẫn ngắn mà không cần ngắt đoạn; cho việc trích dẫn dài sử dụng <blockquote> phần tử.
<rp>
Các phần tử HTML <rp> được sử dụng để cung cấp cho mùa thu trở lại ngoặc cho các trình duyệt không hỗ trợ các chú thích ruby. Ruby chú thích cho thấy cách phát âm của các ký tự Đông Á, như sử dụng furigana Nhật hay Taiwainese Bopomofo ký tự. Các <rp> được sử dụng trong các trường hợp thiếu <ruby> yếu tố hỗ trợ nội dung của nó có những gì sẽ được hiển thị để chỉ ra sự hiện diện của một chú thích ruby, thường là các dấu ngoặc.
<rt>
HTML <rt> Yếu tố bao trùm phát âm của nhân vật được trình bày trong một chú thích ruby, được sử dụng để mô tả cách phát âm của nhân vật Đông Á. Yếu tố này luôn được sử dụng bên trong một phần tử <ruby>.
<rtc>
HTML <rtc> Yếu tố bao trùm các chú thích ngữ nghĩa của các ký tự hiện ra trong một ruby của <rb> yếu tố được sử dụng bên trong <ruby> phần tử. <rb> yếu tố có thể có cả hai cách phát âm (<rt>) và
ngữ nghĩa (<rtc>) chú thích.
<ruby>
HTML <ruby> phần tử đại diện cho một chú thích ruby. Ruby chú thích cho thấy cách phát âm của nhân vật Đông Á.
<s>
HTML Strikethrough Element (<s>) ám văn bản với đường gạch ngang, hoặc một đường thẳng đi qua nó. Sử dụng <s> yếu tố để đại diện cho những điều không còn phù hợp hoặc không còn chính xác. Tuy nhiên, <s> là không thích hợp khi chỉ chỉnh sửa tài liệu; cho rằng, sử dụng <del> và <ins> yếu tố, như là thích hợp.
<samp>
Các phần tử HTML <samp> là một yếu tố có ý định để xác định đầu ra mẫu từ một chương trình máy tính. Nó thường được hiển thị trong font máy đúc chữ mặc định của trình duyệt (như Lucida Console).
Element Description <small>
HTML nhỏ Element (<small>) làm cho phông chữ kích thước văn bản một kích thước nhỏ hơn (ví dụ, từ lớn đến trung bình, hoặc từ nhỏ đến x-nhỏ) xuống cỡ chữ tối thiểu của trình duyệt. Trong HTML5, yếu tố này được thêm thắt để đại diện cho phụ nhận xét và in nhỏ, bao gồm quyền tác giả và văn bản quy phạm pháp luật, độc lập của trình bày theo kiểu của nó.
<span>
HTML <span> phần tử là một container inline chung cho nội dung ca từ, mà không đại diện cho bất cứ điều gì vốn. Nó có thể được sử dụng để nhóm các yếu tố cho mục đích tạo kiểu (bằng cách sử dụng thuộc tính class hoặc id), hoặc bởi vì họ chia sẻ các giá trị, chẳng hạn như lang thuộc tính. Nó chỉ nên sử dụng khi không có yếu tố ngữ nghĩa khác là thích hợp. <span> là rất giống như một tử <div> nhưng <div> là yếu tố ablock cấp trong khi một <span> là một yếu tố nội tuyến.
<strong> Các phần tử HTML mạnh mẽ (<strong>) cho văn bản quan trọng mạnh mẽ, và thường được hiển thị
in đậm. <sub>
HTML subscript Element (<sub>) xác định một khoảng thời gian của văn bản đó sẽ được hiển thị, vì những lý do typographic, thấp, và thường nhỏ hơn, so với nhịp chính của văn bản.
<sup>
HTML Nằm ở trên Element (<sup>) xác định một khoảng thời gian của văn bản đó sẽ được hiển thị, vì những lý do typographic, cao hơn, và thường nhỏ hơn, so với nhịp chính của văn bản.
<time>
HTML <time> yếu tố đại diện cho cả một thời gian trên đồng hồ 24 giờ hoặc một ngày chính xác trong lịch Gregorian (với thời gian tùy chọn và thông tin múi giờ).
<u>
HTML Underline Element (<u>) ám văn bản với một gạch dưới, một đường ngang dưới đường cơ sở của nội dung của nó.
<var>
HTML Variable Element (<var>) đại diện cho một biến trong một biểu thức toán học hay một bối cảnh lập trình.
<wbr>
Các phần tử HTML cơ hội phá vỡ từ <WBR> đại diện cho một vị trí trong văn bản mà trình duyệt có thể tùy ý phá vỡ một đường dây, mặc dù quy tắc dòng phá của nó sẽ không nếu không tạo ra một break ở vị trí đó.
Image and multimedia (Hình ảnh và đa phương tiện: audio, video…) HTML hỗ trợ nguồn tài đa phương tiện khác nhau như hình ảnh, âm thanh và video. Element Description <area>
HTML <diện tích> yếu tố xác định một khu vực nóng tại chỗ trên một hình ảnh, và tùy chọn kết hợp nó với một liên kết siêu văn bản. Yếu tố này chỉ được sử dụng trong một <map> phần tử.
<audio> HTML <audio> được sử dụng để nhúng nội dung âm thanh trong các tài liệu. Nó có thể chứa một số
nguồn âm thanh, được đại diện bằng cách sử dụng thuộc tính src hoặc <source> yếu tố; trình duyệt sẽ chọn một trong những phù hợp nhất. <map>
HTML <map> được sử dụng với <diện tích> yếu tố để xác định một bản đồ hình ảnh (một khu vực liên kết có thể click).
<track>
HTML <track> được sử dụng như một đứa trẻ của các phương tiện truyền thông elements- <audio> và <video>. Nó cho phép bạn chỉ định các bài hát văn bản theo thời gian (hoặc dữ liệu theo thời gian), ví dụ như để tự động xử lý phụ đề. Các bài hát được định dạng theo định dạng WebVTT (file .vtt) Web Video Tracks Text.
<video> Sử dụng HTML <video> yếu tố để nhúng nội dung video trong một tài liệu. Các yếu tố video có chứa
một hoặc nhiều nguồn video. Để xác định một nguồn video, sử dụng một trong hai thuộc tính src hoặc <source> yếu tố; trình duyệt sẽ chọn một trong những phù hợp nhất.
Embedded content (Nội dung nhúng) Ngoài nội dung đa phương tiện thông thường, HTML có thể bao gồm một loạt các nội dung khác, ngay cả khi nó không phải luôn luôn dễ dàng tương tác với. Element Description <embed> HTML <embed> phần tử đại diện cho một điểm tích hợp cho một ứng dụng bên ngoài hoặc nội dung
tương tác (hay nói cách khác, một plug-in). <object> HTML nhúng Object Element (<object>) đại diện cho một nguồn lực bên ngoài, có thể được coi như
là một hình ảnh, một bối cảnh duyệt lồng nhau, hoặc một tài nguyên phải được xử lý bởi một plugin. HTML Element (hoặc HTML Parameter Element) xác định các thông số cho <object>. <source> HTML <source> được sử dụng để chỉ định nhiều nguồn phương tiện truyền thông cho