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

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.

Ngôn ngữ đánh dấu là gì? Ngôn ngữ đánh dấu được hiểu đơn giản là phương pháp làm cho một câu, đoạn văn bản hoặc một ý nào đó trở nên nên khác biệt đối với các đoạn còn lại (có thể là in nghiêng, in đậm…) giúp cho người đọc có thể dễ dàng tìm kiếm và chú ý đến ngay phần được đánh dấu.

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ản và tiệ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.

Ngoài ra, bạn vẫn có thể sử dụng Markdown thuần thục ngay cả khi bạn không có tí kiến thức nào về HTML

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 việc 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 việc 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 việc 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 việc làm IT hàng đầu~~

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

Dùng cho chèn Link

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 việc 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 việc 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!