Hướng dẫn gmail supported html tags

Bạn có thể hiển thị Gmail trên trình duyệt của mình trong "Chế độ xem chuẩn" hoặc "Chế độ xem HTML cơ bản". Tùy thuộc vào việc trình duyệt của bạn có hoạt động với Gmail hay không, bạn có thể thấy chế độ xem này hoặc chế độ xem khác.

Chế độ xem chuẩn

Nếu bạn đang dùng một trình duyệt hoạt động với Gmail, thì bạn sẽ thấy Gmail ở Chế độ xem chuẩn. Khi bạn đang ở Chế độ xem chuẩn, bạn có thể sử dụng tất cả tính năng của Gmail.

Chế độ xem HTML cơ bản

Nếu đang dùng một trình duyệt không được hỗ trợ thì bạn sẽ thấy Gmail ở chế độ xem HTML.

Khi đang ở chế độ xem HTML cơ bản, bạn sẽ không thấy một số tính năng sau đây của Gmail:

  • Trò chuyện
  • Trình kiểm tra chính tả
  • Phím tắt
  • Thêm hoặc nhập người liên hệ
  • Địa chỉ "từ" tùy chỉnh
  • Định dạng đa dạng thức

Để có được các tính năng này, hãy dùng một trình duyệt hoạt động với Gmail.

Chuyển chế độ xem

Thông tin này có hữu ích không?

Chúng tôi có thể cải thiện trang này bằng cách nào?

Version history

14 November 2017

Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties.

Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10.

22 September 2017

Microsoft updated the Outlook apps for iOS and Android with more consistent CSS support, including media queries.

13 September 2017

A complete rewrite and redesign of the guide, testing 278 different CSS properties and features across 35 email clients.

To accommodate the huge increase in content, we’ve added search functionality and the ability to link directly to individual the email clients and properties for easy sharing.
Discuss this on our blog.

2 May 2014

Removed support for various selector options (E) in Gmail and added support for direction, vertical-align and list-style-type in Outlook ’07/’10/’13.

19 September 2013

Added support for @font-face, @media and HTML 5 media tags in email clients, as well as email-relevant CSS properties. We re-tested all webmail clients and the latest versions of existing clients.

30 January 2013

Outlook.com no longer supports the margin CSS property, including margin-top, margin-right, margin-bottom and margin-left. float support has also been dropped.

1 February 2012

background-image is now supported in Gmail.

10 December 2010

Updated to reflect margin support in Outlook.com.

22 April 2010

Updated the guide with the results of our CSS3 email client tests. 21 new properties were added, with varying levels of support observed across the popular email clients. Notably, Webkit clients were big winners, including Apple Mail, iPhone Mail and soon, the iPad. At this stage, CSS3 is recommended for decorative purposes in email (such as adding text-shadow), due to poor support for layout and box-model properties.
Discuss this on our blog.

6 August 2009

A complete rewrite of the guide that included 7 new mobile email clients and a focus on the most popular email clients. The web-based version of the guide now features the 10 most popular email clients, while the PDF guide includes all 23 email clients tested.
Discuss this on our blog.

11 June 2008

We increased the number of clients we tested, 21 in total now. Gmail and Outlook 2007 continue to be our primary focus since CSS support continues to be limited.

Positive signs from Microsoft though, Entourage 2008 was released with significantly better CSS support.
Discuss this on the blog

19 April 2007

Outlook 2007 was released with less CSS support than Outlook 2003. A major step back for HTML email design.

New Yahoo! mail was released with better support for CSS, a positive sign to say the least! Windows Live Mail replaced Hotmail and mixed some CSS support in the process.
Read the report

30 March 2006

This was our original test. We added Windows Live Mail for the first time and ran through tests on Outlook 2003, AOL 9, Lotus Notes and Eudora.
Read the report

Chuyển đến nội dung chính

Trình duyệt này không còn được hỗ trợ nữa.

Hãy nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, bản cập nhật bảo mật và hỗ trợ kỹ thuật.

  • Bài viết
  • 01/26/2022
  • 2 phút để đọc

Trong bài viết này

Use HTML tags to format your description so it's more engaging. Most tags require both an opening and closing component, as shown in this table.

To do thisUseLike thisTo get this
Bold & Example: Free trial Example: Free trial
Italics & Select the first row. Select the first row.
New line
This is my first line.
This is my second line.
This is my first line.
This is my second line.
Paragraphs

&

This is my first paragraph.


This is my second paragraph.

This is my first paragraph.

This is my second paragraph.

Bullets
    &
,
  • &

    • Your bullet item

    • Your bullet item

    • Your bullet item

    • Your bullet item
    • Your bullet item
    • Your bullet item
    Numbering
      &
    ,
  • &

    1. Your numbered item

    2. Your numbered item

    3. Your numbered item

    1. Your numbered item
    2. Your numbered item
    3. Your numbered item
    New line without new number (or bullet)
      &
    ,
  • &
  • ,

    1. add text here

    2. add text here
      add text here

    1. add text here
    2. add text here
        add text here
    New paragraph without new number (or bullet)
      &
    ,
  • &
  • ,

    1. add text here

    2. add text here

      add text here

    1. add text here
    2. add text here

        add text here

    Use headings

    &

    ,

    &

    , up to
    &

    This is heading 1


    This is heading 2


    This is heading 3

    Phản hồi

    Gửi và xem ý kiến phản hồi dành cho