Markdown là gì? Cách sử dụng Markdown

36224

Trong bài viết này TopDev xin gửi đến các bạn một số cách sử dụng Markdown thông dụng, nhưng trước tiên chúng ta cần nắm rõ định nghĩa Markdown là gì để có thể có một cái nhìn khách quan hơn cho loại ngôn ngữ lâu đời này.

Markdown là gì?

markdown

Markdown là ngôn ngữ đánh dấu văn bản đã có mặt từ rất lâu, với cú pháp đơn giản, dễ hiểu nên đã được nhiều người biết đến và được sử dụng khá phổ biến. Đây là loại ngôn ngữ đánh dấu văn bản được tạo ra vào năm 2004 bởi John Gruber.

Trả lời câu hỏi ‘tại sao nên sử dụng Markdown?’

Lý do thuyết phục nhất để sử dụng Markdown có lẽ là vì nó rất phổ biến, cách sử dụng của nó cũng cực kỳ đơn giảntiện dụng. Nếu có thể sử dụng một phương pháp đỡ rắc rối hơn HTML và thuận tiện hơn các các trình soạn thảo WYSIWYG (What You See Is What You Get) như MS Word, CKEditor… thì tại sao lại không chọn Markdown?

Như các bạn đã biết, ngôn ngữ đánh dấu HTML cũng là một trong những ngôn ngữ phổ biến và được sử dụng rất nhiều, tuy nhiên, có nhiều ý kiến cho rằng cú pháp của HTML không mấy thân thiện với người dùng và kể cả khi bạn là người có kiến thức, hiểu biết về nó thì cú pháp của nó vẫn mang đến sự “rối mắt” cho bạn.

Cách sử dụng Markdown

markdown

Dùng cho Heading

Sử dụng # trước tiêu đề để đánh dấu Heading, số kí tự # sẽ tương ứng với các cấp Heading khác nhau từ 1 đến 6.

# Heading 1
# Heading1 #

Hiển thị: Heading 1

## Heading 2
## Heading ##

Hiển thị: Heading 2

### Heading 3
### Heading 3 ###

Hiển thị: Heading 3

#### Heading 4
#### Heading 4 ####

Hiển thị: Heading 4

##### Heading 5
##### Heading 5#####
Hiển thị: Heading 5
###### Heading 6
###### Heading 6 ######
Hiển thị: Heading 6

Dùng cho Bold và Italic

Sử dụng ** ở đầu (hoặc đầu và cuối câu) nếu muốn bôi đậm câu đó.

Tạo chữ Bold

**TopDev vic làm IT hàng đầu**

Hiển thị: TopDev việc làm IT hàng đầu

Tạo chữ Italic

Sử dụng _ ở đầu hoặc * (hoặc đầu và cuối câu) nếu muốn in nghiêng câu đó.

_TopDev vic làm IT hàng đầu_

Hiển thị: TopDev việc làm IT hàng đầu

Tạo chữ Blod & Italic:

Sử dụng **_ ở đầu (**_ đầu và _**cuối câu) hoặc *** nếu muốn bôi đậm và in nghiêng câu đó.

**_TopDev vic làm IT hàng đầu_**

Hiển thị: TopDev việc làm IT hàng đầu

Dùng cho Strikethrough

Sử dụng ~~ ở đầu (hoặc đầu và cuối câu) nếu muốn gạch ngang giữa chữ của câu đó.

~~TopDev vic làm IT hàng đầu~~

Hiển thị: TopDev việc làm IT hàng đầu

Sử dụng cú pháp []() để chèn link trong bài viết, ở đó nội dung trong [] sẽ là thẻ alt text, và nội dung trong () sẽ là đường link mà bạn muốn điều hướng đến.

[TopDev](https://topdev.vn)

Hiển thị: TopDev

  Kiến thức về "Lazy-loading images" mà bạn cần biết

Dùng cho chèn Image

Sử dụng cú pháp ![]() để chèn link trong bài viết, ở đó nội dung trong [] sẽ là thẻ alt text, và nội dung trong () sẽ là địa chỉ ảnh mà bạn muốn người đọc nhìn thấy.

![topdev](https://topdev.vn)

Dùng cho chèn Code

Code theo từ hoặc cụm từ

Sử dụng ` hoặc ``` ở đầu và cuối câu nếu muốn định dạng câu đó ở dạng code.

`TopDev việc làm IT hàng đầu`

Hiển thị: TopDev vic làm IT hàng đầu

Code theo đoạn/khối

Sử dụng 4 khoảng trắng ở đầu câu      nếu muốn định dạng cả đoạn đó ở dạng code.

    </style>
    <body>
        <div>TopDev tuyen dung IT hang dau.</div>
        <div class="relative">TopDev tuyen dung IT hang dau.</div>
        <div>TopDev tuyen dung IT hang dau.</div>
    </body>

Hiển thị:

</style>
<body>
    <div>TopDev tuyen dung IT hang dau.</div>
    <div class="relative">TopDev tuyen dung IT hang dau.</div>
    <div>TopDev tuyen dung IT hang dau.</div>
</body>

Dùng cho List

Sử dụng - hoặc * hoặc + nếu muốn định dạng câu đó ở dạng list.Trong trường hợp muốn tạo thêm lớp level thấp hơn thì thêm 2 khoảng trắng vào nữa.

- TopDev việc làm IT hàng đầu
  - Cộng sự đắc lực hỗ trợ doanh nghiệp tuyển dụng
  - Người bạn đồng hành giúp các Developer tìm được công việc mơ ước

Hiển thị:

  • TopDev tuyển dụng IT hàng đầu
  • Cộng sự đắc lực hỗ trợ doanh nghiệp tuyển dụng
  • Người bạn đồng hành giúp các Developer tìm được công việc mơ ước

Dùng cho Blockquote

Sử dụng > nếu muốn định dạng câu đó ở dạng quote.

> TopDev vic làm IT hàng đầu

Hiển thị:

markdown

Tạo bảng

Sử dụng theo mẫu dưới đây để tạo bảng

| Letter | Next Letter | Previous Letter | 
| :----- | :---------- | :-------------- | 
| B      | C           | A               | 
| E      | F           | D               | 
| H      | I           | G               | 
| T      | U           | S               |

Hiển thị:

Letter Next letter Previous letter
B C A
E F D
H I G
T U S

Lời kết

Có vô vàn lý do để người dùng sử dụng Markdown, nhưng chắc hẳn rằng lý do ‘vì nó tiện dụng’ sẽ là lý do được nhắc đến nhiều nhất. Việc ngôn ngữ Markdown được thiết kế với cú pháp tiện lợi, tiết kiệm thời gian như thế này không những làm hài lòng các Coder mà còn có cả những người dùng ngoài ngành khác, miễn là họ có để nhớ đến các cú pháp đơn giản được TopDev giới thiệu ở trên!

Có thể bạn muốn xem thêm:

Xem thêm nhiều việc làm web Developer hấp dẫn lương cao tại TopDev!