Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (183.68 KB, 15 trang )
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
HTML
phần tử (hoặc đoạn trong HTML Element) đại diện cho một đoạn văn bản.
HTMLphầ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,
Element Description
<audio> và <video> yếu tố. Nó là một phần tử rỗng. Nó thường được sử dụng để phục vụ các phương
tiện truyền thông cùng với các định dạng được hỗ trợ bởi các trình duyệt khác nhau.
Scripting (kịch bản được định nghĩa trước)
Để tạo nội dung và các ứng dụng Web năng động, HTML hỗ trợ việc sử dụng ngôn ngữ kịch bản, nổi
bật nhất JavaScript. Một số yếu tố hỗ trợ khả năng này.
Element
Description
<canvas>
HTML <canvas> phần tử có thể được sử dụng để vẽ đồ họa thông qua kịch bản (thường là
JavaScript). Ví dụ, nó có thể được sử dụng để vẽ đồ thị, làm cho tác phẩm ảnh hoặc thậm chí thực
hiện các hình ảnh động. Bạn có thể (và nên) cung cấp nội dung thay thế bên trong <canvas> khối.
Nội dung đó sẽ được trả lại cả trên các trình duyệt cũ không hỗ trợ canvas và trong các trình duyệt
với Javascript bị vô hiệu hóa.
HTML <noscript> Yếu tố xác định một phần của html được chèn nếu một loại kịch bản trên trang là
>
không được hỗ trợ hoặc nếu kịch bản hiện đang bị tắt trong trình duyệt.
<script>
HTML Script Element (<script>) được sử dụng để nhúng hoặc tham chiếu đến một kịch bản thực
hiện được trong một tài liệu HTML hoặc XHTML.
Demarcating edits (phân định sửa chửa)
Những yếu tố này cho phép bạn cung cấp dấu hiệu cho thấy các phần cụ thể của văn bản đã được thay
đổi.
Element Description
<del>
HTML Deleted Tiêu Element (<del>) đại diện cho một loạt các văn bản đã bị xóa từ một tài liệu. Yếu
tố này thường xuyên (nhưng không cần phải) trả lại với văn bản đình qua.
<ins>
HTML <ins> Element (hoặc HTML chèn Text) HTML đại diện cho một loạt các văn bản đó đã được
thêm vào một tài liệu.
Table content (Nội dung bảng)
Các yếu tố ở đây được sử dụng để tạo ra và xử lý dữ liệu dạng bảng.
Element
Description
<caption>
HTML <caption> Element (hoặc HTML Bảng Caption Element) đại diện cho tiêu đề của một bảng.
Mặc dù nó luôn luôn là hậu duệ đầu tiên của một <table>, kiểu dáng của nó, bằng cách sử dụng
CSS, có thể đặt nó ở những nơi khác, liên quan đến bảng.
<col>
HTML Bảng cột Element (<col>) xác định một cột trong một bảng và được sử dụng để xác định
ngữ nghĩa phổ biến trên tất cả các tế bào thông thường. Nó thường được tìm thấy trong một phần tử
<colgroup>.
<colgroup> HTML Bảng Column Group Element (<colgroup>) xác định một nhóm các cột trong một bảng.
<table>
HTML Table Element (<table>) đại diện cho dữ liệu theo hai chiều hoặc nhiều hơn.
<tbody>
HTML Bảng Body Element (<tbody>) định nghĩa một hoặc nhiều <tr> yếu tố dữ liệu hàng để có cơ
thể của mẹ tử <table> (miễn là không có <tr> yếu tố này là trẻ em ngay lập tức rằng yếu tố bảng.)
kết hợp với một <thead> và / hoặc <tfoot> phần trước, <tbody> cung cấp thông tin ngữ nghĩa cho
các thiết bị như máy in và màn hình. Yếu tố con bảng phụ huynh, <tbody> đại diện cho nội dung
đó, khi còn hơn một trang, rất có thể sẽ khác nhau cho mỗi trang in; trong khi nội dung của <thead>
và <tfoot> sẽ giống nhau hoặc tương tự cho mỗi trang in. Đối với màn hình, <tbody> sẽ cho phép di
chuyển riêng biệt của thẻ <thead>, <tfoot>, và <caption> của phụ huynh cùng tử <table>. Lưu ý
rằng không giống như <thead>, <tfoot>, và <caption> yếu tố tuy nhiên, nhiều <tbody> yếu tố được
cho phép (nếu liên tiếp), cho phép các dữ liệu hàng trong bảng dài được chia thành các phần khác
nhau, mỗi cách riêng biệt được định dạng như cần thiết.
<td>
Yếu tố di Bảng HTML (<td>) định nghĩa một tế bào của một bảng có chứa dữ liệu. Nó tham gia
trong mô hình bảng.
<tfoot>
HTML Bảng Foot Element (<tfoot>) định nghĩa một tập hợp các hàng tổng kết các cột của bảng.
<th>
Các yếu tố HTML ô đầu bảng <th> định nghĩa một tế bào đó là một tiêu đề cho một nhóm các tế
bào của một bảng. Nhóm các tế bào mà tiêu đề đề cập đến được xác định bởi phạm vi và các tiêu đề
thuộc tính.
<thead>
HTML Bảng Head Element (<thead>) định nghĩa một tập hợp các hàng xác định người đứng đầu
các cột của bảng.
<tr>
Bảng thành phần HTML hàng <tr> định nghĩa một dãy ô trong một bảng. Những người có thể là
một kết hợp của <td> và <th> yếu tố.
Forms (Biểu mẫu)
HTML cung cấp một số yếu tố mà có thể được sử dụng cùng nhau để tạo ra các hình thức mà người
dùng có thể điền và nộp cho các trang web hoặc ứng dụng. Có rất nhiều thông tin thêm về có sẵn này trong
hướng dẫn các hình thức HTML.
Element
Description
<button>
<Button> HTML Yếu tố đại diện cho một nút bấm.
<datalist>
TML datalist Element (<datalist>) có chứa một tập hợp các <option> yếu tố đại diện cho các giá trị
có sẵn cho các điều khiển khác.
<fieldset>
Các phần tử HTML <fieldset> được sử dụng để nhóm một số điều khiển cũng như các nhãn
(<label>) trong một hình thức web.
<form>
HTML <form> yếu tố đại diện cho một phần tài liệu có chứa các điều khiển tương tác để gửi thông
tin đến một máy chủ web.
<input>
Các phần tử HTML <input> được sử dụng để tạo ra các điều khiển tương tác cho các hình thức
web-based để chấp nhận dữ liệu từ người dùng. Làm thế nào một <input> hoạt động khác nhau tùy
thuộc đáng kể vào giá trị của thuộc tính loại hình của nó.
<keygen>
Các phần tử HTML <keygen> tồn tại để tạo điều kiện cho thế hệ vật liệu chính, và đệ trình các
khóa công khai như là một phần của một dạng HTML. Cơ chế này được thiết kế để sử dụng với các
hệ thống quản lý chứng chỉ dựa trên Web. Dự kiến các <keygen> phần tử sẽ được sử dụng trong
một hình thức HTML cùng với các thông tin khác cần thiết để xây dựng một yêu cầu chứng chỉ, và
đó là kết quả của quá trình này sẽ được một giấy chứng nhận đã ký kết.
<label>
Các Label HTML Element (<label>) đại diện cho một chú thích cho một mục trong một giao diện
người dùng. Nó có thể được kết hợp với một điều khiển hoặc bằng cách đặt các yếu tố kiểm soát
bên trong <label> phần tử, hoặc bằng cách sử dụng các thuộc tính cho. Một điều khiển như thế gọi
là kiểm soát được dán nhãn của các phần tử nhãn. Một đầu vào có thể được liên kết với nhiều nhãn.
<legend>
HTML <legend> Element (hoặc HTML Truyền thuyết Dòng Element) đại diện cho một chú thích
về nội dung của mẹ <fieldset>.
<meter>
HTML <mét> phần tử đại diện hoặc là một giá trị vô hướng trong một phạm vi được biết đến hoặc
một giá trị phân số.
<optgroup> Trong một hình thức web, HTML <optgroup> yếu tố tạo ra một nhóm các tùy chọn bên trong một
phần tử <select>.
<option>
Trong một hình thức web, <option> phần tử HTML được sử dụng để tạo một điều khiển đại diện
cho một mục trong một <select>, một <optgroup> hoặc <datalist> HTML5 tố.
Element
Description
<output>
HTML <output> yếu tố đại diện cho các kết quả của một hành động tính hoặc người dùng.