수색…


소개

웹 개발과 마찬가지로 <meta> 태그는 이메일의 <head> 태그에 포함될 수 있습니다. <meta> 태그는 전자 메일 클라이언트에게 전자 메일 코드를 해석하고 표시하는 방법을 알려줍니다. 이들은 전자 메일에서 정기적으로 사용되는 <meta> 태그입니다.

컨텐츠 타입

Content-Type 메타 태그는 텍스트 및 특수 문자를 처리하는 방법을 대상 렌더링 엔진에 알리기위한 것입니다. 어쨌든 모든 특수 문자를 인코딩해야합니다 (예 : & 는 앰퍼샌드로 &amp; 는 앰퍼샌드로 사용됨). 그래도이 행을 유지할 가치가 있습니다.

대부분의 경우 utf-8 작동

<head>
    <meta charset="utf-8">
</head>

또는

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

당신의 doctype 에 따라.

뷰포트

viewport 메타 태그는 장치에 표시 가능한 영역을 장치 화면 너비로 설정하도록 지시합니다. 또한 초기 배율을 표준 (확대 또는 축소되지 않음)으로 설정합니다.

<meta name="viewport" content="width=device-width">

또는

<meta name="viewport" content="width=device-width, initial-scale=1.0">

강제적 인 초기 규모는 필요하지 않지만

이 옵션을 지정하지 않으면 많은 스마트 폰에서 콘텐츠의 크기가 조정되어 내용이 표시 영역 내에 들어갈 수 있지만 채우기 또는 여백에는 맞지 않을 수 있습니다. 이렇게하면 텍스트와 이미지가 화면 가장자리에 맞 닿아있게 될 수 있습니다.

EdgeHTML 모드 표시

IE=Edge 메타 태그는 대상 렌더링 엔진에 최신 (가장자리) 버전의 IE 렌더링 엔진을 사용하여 Windows 전화에서 반응하는 동작을 사용하도록 지시하기위한 것입니다.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

때로는 이렇게하면 라이브 메일에서 이미지가 끊어지기 때문에 IE=Edge 태그가 Microsoft에만 해당되므로 라이브 메일에서 숨길 수있는 조건부 주석으로 묶을 수 있습니다.

<!--[if !mso]><!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->

iOS 10 Mail에서 자동 크기 조절 사용 중지

Apple iOS 10 Mail 은 응답하지 않는 이메일을 자동으로 조정하지 않습니다 . auto-scale 메타 태그는 iOS 10 Mail의 자동 크기 조절 기능을 완전히 비활성화하는 데 사용할 수 있습니다.

<meta name="x-apple-disable-message-reformatting">


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow