1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
---
title: Phần tử HTML
slug: Web/HTML/Element
translation_of: Web/HTML/Element
---
<p>{{HTMLSidebar("Elements")}}</p>
<p>Trang này bao gồm {{Glossary("HTML"){{Glossary("Element","elements")}}<span class="seoSummary">.</span> Chúng được chia thành các nhóm bởi chức năng với mong muốn giúp bạn dễ dàng tìm kiếm để có thể đạt được điều mà bạn có trong tâm trí một cách dễ dàng . Dù cho bản hướng dẫn này được viết ra để dành cho những người mới hoặc những người mới bắt đầu trong việc mã hóa, chúng tôi mong rằng đây có thể là tài liệu tham khảo hữu ích cho tất cả mọi người. </p>
<h2 id="Các_phần_tử_căn_bản">Các phần tử căn bản</h2>
<p>Các phần tử căn bản là cột sống cho tất cả các văn bản HTML nào. bạn sẽ thấy rằng những nguyên tố này nằm trong mã nguồn của bất cứ trang web nào đằng sau dòng trên cùng khai báo hiệu trang đó. Dòng khai báo xác định loại phiên bản (X)HTML mà trang đó sử dụng. Các phần tử được đặt giữa thẻ <html> mở và thẻ </html> đóng, đồng thời cũng được gọi là phần tử gốc.</p>
<p>{{HTMLRefTable("HTML Root Element")}}</p>
<h2 id="Document_metadata" style="line-height: 30px; font-size: 2.14285714285714rem;">Document metadata</h2>
<p>Metadata contains information about the page. This includes information about styles, scripts and data to help software (Search engines, {{Glossary("Browser","browsers")}}, etc.) use and render the page. Metadata for styles and scripts may be defined in the page or link to another file that has the information. </p>
<p>{{HTMLRefTable("HTML document metadata")}}</p>
<h2 id="Phân_chia_nội_dung" style="line-height: 30px; font-size: 2.14285714285714rem;">Phân chia nội dung</h2>
<p>Các phần tử chia thành các mục giúp bạn trình bày nội dung tài liệu một cách loogic. Sử dụng các phần tử phân chia nội dung để tạo ra hình thể rộng cho nội dung trang, bao gồm tiêu đề và chân trang, và phần tử tiêu đề để đánh dấu phần nội dung.</p>
<p>{{HTMLRefTable("HTML sections")}}</p>
<h2 id="Text_content" style="line-height: 30px; font-size: 2.14285714285714rem;">Text content</h2>
<p>Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. Important for {{Glossary("accessibility")}} and {{Glossary("SEO")}}, these elements identify the purpose or structure of that content. </p>
<p>{{HTMLRefTable("HTML grouping content")}}</p>
<h2 id="Inline_text_semantics" style="line-height: 30px; font-size: 2.14285714285714rem;">Inline text semantics</h2>
<p>Sử dụng ngữ nghĩa văn bản bên trong HTML để xác định ý nghĩa, cấu trúc hoặc kiểu của từ, dòng hoặc bất kỳ phần văn bản tùy ý nào</p>
<p>{{HTMLRefTable("HTML text-level semantics")}}</p>
<h2 id="Image_multimedia" style="line-height: 30px; font-size: 2.14285714285714rem;">Image & multimedia</h2>
<p>HTML allows to use various multimedia ressources such as images, audio and video.</p>
<p>{{HTMLRefTable("multimedia")}}</p>
<h2 id="embedded_content" style="line-height: 30px; font-size: 2.14285714285714rem;">embedded content</h2>
<p>Beyond multimedia contents HTML can include many other stuff, even if it's not always easy to interact with.</p>
<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
<h2 id="Scripting" style="line-height: 30px; font-size: 2.14285714285714rem;">Scripting</h2>
<p>{{HTMLRefTable("HTML scripting")}}</p>
<h2 id="Edits" style="line-height: 30px; font-size: 2.14285714285714rem;">Edits</h2>
<p>{{HTMLRefTable("HTML edits")}}</p>
<h2 id="Table_content" style="line-height: 30px; font-size: 2.14285714285714rem;">Table content</h2>
<p>Those set of elements is specificaly made to handle tabular data</p>
<p>{{HTMLRefTable("HTML tabular data")}}</p>
<h2 id="Forms" style="line-height: 30px; font-size: 2.14285714285714rem;">Forms</h2>
<p>{{HTMLRefTable("HTML forms")}}</p>
<h2 id="Interactive_elements" style="line-height: 30px; font-size: 2.14285714285714rem;">Interactive elements</h2>
<p>{{HTMLRefTable("HTML interactive elements")}}</p>
<h2 id="Web_Components" style="line-height: 30px; font-size: 2.14285714285714rem;">Web Components</h2>
<div class="note"><strong>Those </strong>elements are defined in the {{Glossary("W3C","World Wide Web Consortium")}} (W3C) <a href="http://www.w3.org/TR/components-intro/" title="http://www.w3.org/TR/components-intro/">Web Components collection of specifications</a> rather than the HTML specification.</div>
<p>{{HTMLRefTable({"include":["Web Components"],"elements":["decorator","shadow"]})}}</p>
<h2 id="Obsolete_and_deprecated_elements" style="line-height: 30px; font-size: 2.14285714285714rem;">Obsolete and deprecated elements</h2>
<div class="warning" style="font-size: 14px;">
<p>Some old HTML elements were deprecated and their usage is strongly discouraged. <strong>You should never use them for new project, and replace them in old projects.</strong> There are listed here for information only.</p>
</div>
<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>
|
