Nền tảng của Web Development
Tìm hiểu các thẻ HTML để định dạng văn bản với semantic meaning. Từ emphasis và importance đến code snippets và quotations.
Nhấn mạnh tầm quan trọng và ngữ điệu
strongemmarkCode snippets và technical content
codekbdsampvarThể hiện thay đổi và cập nhật
delinsTrích dẫn và quotations
qciteAbbreviations và special formatting
abbrdfnsmallsubsupÝ nghĩa quan trọng hơn styling
<strong>Strong ImportanceSEMANTICThể hiện nội dung có tầm quan trọng cao, mang ý nghĩa semantic mạnh
Nhấn mạnh tầm quan trọng của nội dung
idclassstyletitle<p>Lưu ý: <strong>Việc backup dữ liệu là rất quan trọng</strong>
trước khi thực hiện update hệ thống.</p>
<p><strong>Cảnh báo bảo mật:</strong> Không bao giờ chia sẻ
password với người khác.</p>
<p>Trong lập trình, <strong>debugging</strong> là kỹ năng
cần thiết mà mọi developer phải có.</p>Strong khác với <b> vì có ý nghĩa semantic, giúp screen readers nhận biết nội dung quan trọng
<article>
<h2>Hướng dẫn bảo mật</h2>
<p>Có <strong>3 quy tắc vàng</strong> trong bảo mật:</p>
<ol>
<li><strong>Mật khẩu mạnh:</strong> Ít nhất 12 ký tự</li>
<li><strong>Xác thực 2 bước:</strong> Luôn bật khi có thể</li>
<li><strong>Cập nhật thường xuyên:</strong> Phần mềm và hệ điều hành</li>
</ol>
</article>Strong trong lists giúp tạo emphasis cho key terms và concepts
| Thẻ | Tên | Mục đích | Semantic | Category |
|---|---|---|---|---|
<strong> | Strong Importance | Nhấn mạnh tầm quan trọng của nội dung | ✓ | emphasis |
<em> | Emphasis | Nhấn mạnh ngữ điệu và cảm xúc | ✓ | emphasis |
<mark> | Mark/Highlight | Highlight text relevant đến user query hoặc current context | ✓ | emphasis |
<small> | Small Text | Side comments, disclaimers, copyright, fine print | ✓ | special |
<sub> | Subscript | Subscript notation cho science, math, footnotes | ✓ | special |
<sup> | Superscript | Superscript notation cho math, dates, footnotes | ✓ | special |
<del> | Deleted Text | Show removed content, price changes, corrections | ✓ | edit |
<ins> | Inserted Text | Show added content, updates, corrections | ✓ | edit |
<code> | Inline Code | Inline code, technical terms, programming elements | ✓ | code |
<kbd> | Keyboard Input | Keyboard shortcuts, user input examples | ✓ | code |
<samp> | Sample Output | Program output, error messages, system responses | ✓ | code |
<var> | Variable | Variables, placeholders, mathematical notation | ✓ | code |
<q> | Inline Quotation | Short quotes, inline citations | ✓ | quotation |
<abbr> | Abbreviation | Abbreviations, acronyms với explanations | ✓ | special |
<dfn> | Definition | Term definitions, first usage of technical terms | ✓ | special |
<strong> thay vì <b><abbr title="..."> cho abbreviations với full expansion<code> cho inline code, <kbd> cho keyboard input<dfn><abbr> cho first usage<del>/<ins> với datetime cho tracking changes<b>/<i> thay vì semantic alternatives<strong>/<em> - mất ý nghĩa emphasis<strong><em>...</em></strong><small> chỉ để make text smaller (không semantic)<abbr> elements