HTML의 뉴스 레터가 "테이블 기반"레이아웃이 있어야한다는 것이 사실입니까?
https://stackoverflow.com/questions/868073
-
22-08-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
HTML 이메일을 만들 때 테이블 기반 레이아웃을 사용해야한다는 어딘가에 읽었습니다. Tableless CSS 기반 레이아웃을 만드는 것에 신경 쓰지 않아야합니다. 그게 사실인가요? 나는 회사를위한 뉴스 레터 레이아웃을 만들어야하지만, 3 개의 중첩 테이블을 쓰는 것은 안개가없는 느낌이 들지 않습니다.
해결책
HTML-Email이 대부분의 이메일 클라이언트에서 잘 보이게하려면 1999 년이었던 HTML을 작성해야합니다. :)
다른 팁
나는 방문을 지불하는 것이 좋습니다 이메일 표준 프로젝트 웹 사이트. 시장에 거의 모든 주요 이메일 클라이언트 (독립형 및 웹 기반)를 나열하고 각각의 HTML 지원이 각각에 내장되어 있는지 간략하게 설명합니다.
또한 캠페인 모니터도 확인하십시오 이메일 디자인 가이드 라인 슬프게도 "테이블 사용"을 포함하여 적절한 HTML 이메일 빌드를위한 실용 가이드의 경우.
이것은 아마도 다른 어떤 것보다 이메일 클라이언트 렌더링 (끔찍한)의 현실에 기초 할 것입니다. 기술적으로 그것은 거의 확실히 잘못되었지만 실용적으로는 최고의 조언 일 수 있습니다. Truppo는 이것에 대해 접촉합니다.
나는 아무도 HTML이 평범한 텍스트가 할 때 사용될 것으로 기대하지 않는 세상을 좋아하지만, 그것은 상황이 아닙니다. 가입자가 좋아하는 이메일 클라이언트 (애플리케이션 또는 웹 기반 이메일)에서이를 보려고 할 때 당황하지 않을 HTML을 생각해내는 경우 시맨틱 마크 업 및 CSS를 고수하기가 어렵습니다.
전문가가 아닌 학습 운동으로 만 수행했기 때문에 소금 한 알로 내가 말하는 내용을 가져 가십시오. 내가 북마크 한 기사와 해당 기사에서 찾은 추가 링크를 바탕으로 다음 페이지는 HTML 이메일 보내기와 관련된 실제 문제에 대해 잘 논의 된 것 같습니다.
http://www.sitepoint.com/article/code-html-email-newsletters/
http://www.sitepoint.com/article/principles-beautiful-html-email/
http://www.sitepoint.com/article/designers-guide-html-email/
관련된 문제가 주어지면 레이아웃에 테이블을 사용하는 것이 실용적입니다.
확실히이를 의무화하는 표준은 없으며 실제로 모범 사례는 테이블을 레이아웃에 사용해서는 안된다는 것을 결정합니다 (표 형식 데이터를 배치하는 경우 제외).
데스크탑과 웹 기반 이메일 클라이언트가 CSS 기반 프레젠테이션을 올바르게 만들어 줄 수있는 보장은 없기 때문에 프레젠테이션에 테이블을 사용하는 것에 대한 주장이 있습니다. 그러나 나는 그것이 논쟁이라고 말하지 않을 것입니다. -그 자체.
나는 당신이 그것을하는 것을 조언하지는 않지만, 많은 이메일 리더가 HTML과 CSS 만 지원하기 때문에 아마도 이것을 들었을 것입니다. 그들은 종종 전체 HTML/CSS 파서를 묶지 않으며 과거 테이블에서 레이아웃을하는 데 많이 사용되었습니다 ..
이를보고 싶을 수도 있지만, 이것은 특히 Oulook HTML/CSS 서브 세트 지원에 관한 것입니다.
테이블이 사용되는 이유는 두 가지입니다.
- HTML 이메일은 다양한 능력을 가진 방대한 클라이언트에서 렌더링 할 수 있습니다. 모든 브라우저에 대한 웹 사이트를 디자인 한 다음 10을 곱하는 것과 같습니다.
- 꽤 많은 웹 이메일 클라이언트가 CSS 레이아웃과 혼란을 겪습니다.
DIV 기반 레이아웃에 문제가있는 Outlook을 발견했습니다.
우리는 뉴스 레터가 컴퓨터에서 어떻게 보이는지에 대해 고객과 함께 테스트를 해왔으며 대다수가 Outlook 또는 우편물에서 약 45 자의 폭을 보여주는 레이아웃을 사용하고 있음을 발견했습니다. 그들은 새 창에서 이메일을 열거나 스크롤하기 위해 두 번 클릭하지 않습니다. 로고와 텍스트가 아닌 컨텐츠가있는 이메일은 하나의 큰 GIF 만있는 이메일이었습니다.
캠페인 모니터의 조언 +1. 나는 또한 많은 훌륭한 콘텐츠를 보았습니다 엠마. 내 경험상 이메일 뉴스 레터 템플릿을 더 간단하게 만들수록 더 좋습니다. 이것은 점점 더 많은 사용자가 작은 화면이있는 모바일 장치에서 메시지를 읽고있는 세상에서 두 배로 진정됩니다.
과거에는 페이지 레이아웃에 테이블을 사용하는 것이 일반적이었으며 페이지를 만드는 많은 사람들이 여전히 이런 식으로 더 편안합니다.
James가 말했듯이 모범 사례는 실제로 표 형식 데이터 인 경우를 제외하고는 페이지 레이아웃에 CSS 포지셔닝 시설을 사용하는 것입니다. 그러나 개인적으로 나는 종종 CSS에 원하는 효과를 얻는 것이 어렵다는 것을 알게됩니다.
