목록반응형 (2)

미미 공부/취미방

탬플릿 없이 반응형 이메일 코딩 2/2부

일반적으로 html에 들어가는 코드랑 비교하면서 코드에 대한 설명을 시작하겠어용. (회색 마크는 일반적으로 쓰는 코드입니다!) . . 1 DOCTYPE html 유형을 알려주려고 적는 건데 이거를 토대로 규격검사 등을 하기 때문에 우리가 이메일 코딩에 사용할 XHTML을 잘 명시해야 검사하고 렌더링하는데 도움이 되겠죠? . . 2 HTML 태그 . . 3 HEAD 태그 Head에서는 title, viewport 관련 코드는 다 똑같은데 xhtml로 doctype을 설정해서 content-type을 포함해 주야 한데요. . . 4 Body 태그 어떤 이메일 플랫폼은 를 지워버리니까 태그로 전체 구조를 한 번 감싸줘야지 안전해요. 이메일 플랫폼 해상도가 다 달라서 가로 넓이는 600px ~ 700px정도로 ..
to FED 2021. 11. 27. 01:27
탬플릿 없이 반응형 이메일 코딩 1/2부

WARNING 정말 번거롭고 번거롭고 번거로움 시작 전 알아야 할 것 일반 웹사이트 코딩을 위한 HTML, CSS를 생각하면 절.대. 안되요...옛날 HTML (XHTML)으로 코딩해야 된다고 합니다. 그래서 안에 들어갈게 많아요! JavaScript는 사용하지 않아서 어떻게 동작할지 모르겠네요.🤔 . . . 그럼 지금부터 설명 시작!!! . . 1 내부 CSS / 인라인 CSS 둘 다 작성해야 됩니다 이메일 플랫폼에 따라서 어떤곳(Gmail)은 인라인 CSS를 또 어떤곳(네이버/다음)은 내부 CSS를 삭제해서 둘 다 작성해야 안전해요! 안그럼 어디선가 깨집니다😭 참고로 내부 CSS는 html 안에서 로 작성하고 인라인 CSS는 이렇게 태그에 같이 작성됩니다. . . 2 어떤 CSS 속성은 적용되지 않아..
to FED 2021. 11. 27. 01:26
이전 Prev 1 Next 다음