# Các thành phần trong trang

### 1. Các thành phần Cấu trúc (Layout)

<figure><img src="/files/KqwfqkFwLxid5vv1NjwB" alt=""><figcaption></figcaption></figure>

Đây là "khung xương" đóng vai trò tổ chức, bao bọc và sắp xếp vị trí cho các nội dung khác trên trang:

* Module / Section: Là cấp cao nhất trong cấu trúc, đại diện cho một phần lớn của trang web như Banner, Giới thiệu hoặc Tính năng. Đây là các khối nội dung độc lập giúp phân tách trang thành các khu vực rõ rệt.
* Grid: Hệ thống lưới chuyên dụng để chia cột, thường được sử dụng khi bạn muốn dàn trang theo chiều ngang một cách chuyên nghiệp.
* Stack: Một nhóm các thành phần được xếp chồng lên nhau, có thể theo chiều dọc hoặc ngang với khoảng cách được phân bổ đều nhau.
* Container: Khối bao quanh dùng để gom nhóm nhiều phần tử lại với nhau, giúp bạn dễ dàng quản lý màu nền hoặc các khoảng cách Margin/Padding cho cả nhóm cùng lúc.
* Cell (cell-1, cell-2...): Các ô nằm bên trong một Grid, đóng vai trò là nơi chứa các nội dung nhỏ lẻ như văn bản hoặc hình ảnh.

### 2. Các thành phần Nội dung (Content)

<figure><img src="/files/q4ZFcamdeEMOrWsegfxm" alt=""><figcaption></figcaption></figure>

Đây là các đối tượng dùng để hiển thị thông tin trực tiếp, truyền tải thông điệp tuyển dụng đến ứng viên:

* h1 | Heading: Tiêu đề chính của trang hoặc Section, thường dùng cho các nội dung quan trọng nhất để thu hút ánh nhìn và tối ưu hóa SEO.
* p | Paragraph: Thẻ đoạn văn dùng để trình bày các khối văn bản mô tả chi tiết, các đoạn giới thiệu hoặc nội dung dài.
* img: Thành phần hình ảnh dùng để chèn Logo công ty, ảnh minh họa môi trường làm việc hoặc các Banner nhỏ.
* video: Dùng để chèn các nội dung chuyển động từ YouTube, Vimeo hoặc tải tệp trực tiếp lên hệ thống nhằm tăng tính sinh động cho trang.
* cite & blockquote: Cặp đôi thẻ trích dẫn dùng để ghi tên nguồn/tác giả (cite) hoặc làm nổi bật các câu nói, ý kiến phản hồi từ khách hàng hoặc nhân viên (blockquote).

### 3. Các thành phần Tương tác (Action)

<figure><img src="/files/2jOGAEzJ7zcw398ocBla" alt=""><figcaption></figcaption></figure>

Các thành phần này đóng vai trò là "nút thắt" chuyển đổi, thúc đẩy người dùng thực hiện hành động:

* button-link: Nút bấm có chứa liên kết, đóng vai trò là lời kêu gọi hành động (CTA) chính để dẫn người dùng đến một trang khác hoặc một vị trí cụ thể trên trang.
* get-started: Nhóm liên kết hoặc nút bấm được đặt tên riêng biệt, dùng để điều hướng người dùng bắt đầu trải nghiệm dịch vụ hoặc quy trình ứng tuyển ngay lập tức.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/layer/cac-thanh-phan-trong-trang.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.