# Section

Section là một đoạn nội dung trên landing page.

Một section chứa các phần tử (tiêu đề, hình ảnh, đoạn văn...) để tạo nên nội dung cho section đó.

Một landing page được tạo thành từ một hoặc nhiều section.

Thông thường một landing page chứa các nội dung sau: [Xem bài viết](https://manual.1landing.vn/nhung-dieu-ban-can-biet-ve-landing-page#cac-noi-dung-co-ban-cua-mot-landing-page), thì mỗi nội dung đó sẽ được thể hiện trên một hoặc một vài section.

## Tạo section mới

Để thêm mới một section, bạn click vào mục Section ở thanh công cụ:

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-1155231f6bf48f020335c3e369a39d1a90b16889%2Fthem-section.png?alt=media\&token=d30ac444-0945-4ed2-9e59-f1a768fded1a)

Bên cạnh việc tự thiết kế với một section trắng, thì 1Landing cũng có sẵn những section mẫu theo danh mục (form, header, footer, bảng giá...) để bạn lựa chọn khi thiết kế landing page.

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-bc6437f8fa21dc7704b61d8e320d173d7c9bf906%2Fsection-mau.png?alt=media\&token=4f6b9b36-100b-4e79-b5e2-f99b58aee2d2)

## Thao tác với section

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-84c2e5c68dac73f94d610c4b14640c6e018890aa%2Fthao-tac-voi-section.png?alt=media\&token=216cc9a5-41a2-4ab9-b4b7-6963cb3e2628)

(2), (3): Di chuyển section hiện tại lên trên hoặc xuống dưới section khác.

(4): Sao chép section vào bộ nhớ tạm. Sau đó bạn có thể dán (paste) section đó vào landing page khác bằng tổ hợp phím Ctrl + V.

(5): Nhân bản section: Tạo ra một section mới giống hệt section hiện tại và nằm ngay phía dưới section hiện tại.

(6): Xóa section

(7): Các thao tác với toàn bộ các phần tử trong section, ví dụ như đổi màu nền section, đổi màu tất cả chữ trong section...

(1): Lưu vào section của tôi: Tính năng này giúp bạn lưu lại các section đã thiết kế, để sử dụng cho các landing khác trong cùng một doanh nghiệp.

Để sử dụng lại section đã lưu, bạn vào Section / chọn tab Section của tôi:

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-9623019191ed0ca6e2e278dc85c0b21c55eac27b%2Fmy-section.png?alt=media\&token=c29a19bb-6423-456d-9463-bf51654dc33f)

## Global section

Khi lưu section vào Section của tôi, bạn có thể chọn lưu dưới dạng Section thường hoặc Global section

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-863471d6b1e78b9d92125a7aeb44930420df0ff4%2Fglobal-section.png?alt=media\&token=1184d873-b6b1-4c16-8509-767d493c35f3)

* Section thường: Khi sử dụng section này, bạn có thể chỉnh sửa và việc chỉnh sửa đó không làm thay đổi section mẫu.
* Global section: Khi sử dụng section này, bạn có thể chỉnh sửa, sau đó cập nhật nội dung đã chỉnh sửa đó cho section mẫu và tất cả các landing chứa global section đó:

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-0cb4d3e8092e60fc1c2b70dc46aa17e6f9034c3e%2Fcap-nhat-global-section.png?alt=media\&token=e2ed1e14-3fc9-40e8-9d79-3afa969de706)

## Section và các phần tử nằm trong section

* Bạn không thể kéo-thả một phần tử từ section này sang section khác. Nếu di chuyển một phần tử đến đâu, thì kích thước của section cũng thay đổi để bao trọn phần tử đó.
* Khi thiết kế landing page kiểu responsive, nếu muốn một phần tử không hiển thị khi xem trên mobile thì bạn nên kéo nó ra ngoài khung và để bên cạnh các phần tử khác trong section, như vậy sẽ không bị hiện tượng khoảng trắng thừa khi xem mobile vì section quá dài:

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-c79023ac592de67fee68ebef80cf8b36ab3d767b%2Fphan-tu-va-section.gif?alt=media\&token=d8c51a8d-218e-42b2-8bfb-dcaff97018fa)


---

# 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://manual.1landing.vn/cac-phan-tu-co-ban-cua-landing-page/section.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.