Thẻ samp trong HTML

• Bùi Tấn Lực
• 854
• 30/09/2025

Chức năng của Thẻ samp trong HTML

Thẻ samp trong HTML dùng để xuất ra kết quả từ chương trình máy tính hoặc các đoạn mã bằng font mặc định monospace chứ không phải font bình thường.

Cú pháp của Thẻ samp trong HTML

<samp>vanbanmalenh</samp>

vanbanmalenh: Văn bản xuất ra kết quả từ chương trình máy tính hoặc các đoạn mã.

Code Thẻ samp trong HTML

<p><samp>Press F1 to continue</samp></p>
<p>Hoặc khi chạy lệnh, bạn sẽ thấy kết quả sau:</p>
<p><samp>Hello, World!</samp></p>

Chạy Thử

So sánh thẻ samp với các thẻ HTML tương tự

Điểm khác nhau giữa thẻ samp và code

Mặc dù đều thường được trình bày bằng phông chữ đơn cách, samp và code có ý nghĩa hoàn toàn khác nhau. Thẻ samp đại diện cho dữ liệu hoặc thông báo do chương trình trả về, còn code dùng để hiển thị mã nguồn hoặc cú pháp của một ngôn ngữ lập trình.

Tiêu chí	samp	code
Mục đích	Biểu diễn kết quả đầu ra của chương trình.	Biểu diễn mã nguồn hoặc cú pháp.
Nội dung hiển thị	Thông báo, dữ liệu phản hồi, kết quả xử lý.	Đoạn lệnh hoặc câu lệnh lập trình.
Ý nghĩa ngữ nghĩa	Kết quả từ hệ thống.	Mã được người lập trình viết.

Khi nào nên dùng samp thay vì kbd

Thẻ kbd được dùng khi muốn mô tả thao tác nhập của người dùng, chẳng hạn như phím bấm hoặc tổ hợp phím. Trong khi đó, samp phù hợp để hiển thị phản hồi mà hệ thống trả về sau khi người dùng thực hiện thao tác.

Nếu tài liệu hướng dẫn cần mô tả cả quá trình thao tác và kết quả, nên kết hợp hai thẻ để tăng tính trực quan và đúng ngữ nghĩa.

<p>Nhấn <kbd>Ctrl + S</kbd> để lưu tệp.</p>
<p>Hệ thống hiển thị: <samp>Lưu thành công</samp>.</p>

Phân biệt samp, pre và output

Ba thẻ này phục vụ các mục đích khác nhau. samp biểu diễn kết quả đầu ra, pre giữ nguyên định dạng văn bản và khoảng trắng, còn output hiển thị giá trị được tạo ra từ phép tính hoặc thao tác trên biểu mẫu.

Thẻ	Vai trò
samp	Hiển thị kết quả do chương trình hoặc hệ thống trả về.
pre	Giữ nguyên xuống dòng, khoảng trắng và định dạng văn bản.
output	Hiển thị kết quả được sinh ra từ biểu mẫu hoặc phép tính.

Có thể kết hợp samp với code, kbd và pre không?

Hoàn toàn có thể. Mỗi thẻ đảm nhận một nhiệm vụ riêng nên việc kết hợp giúp tài liệu kỹ thuật rõ ràng hơn. Người đọc dễ phân biệt đâu là thao tác nhập, đâu là mã nguồn và đâu là kết quả mà chương trình trả về.

Ví dụ dưới đây minh họa cách kết hợp các thẻ trong cùng một đoạn mã HTML:

<p>Nhấn <kbd>Enter</kbd> để thực thi.</p>
<p>Kết quả: <samp>Hello World</samp></p>

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ samp trong HTML.

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về Thẻ samp trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận, Hỏi đáp