Quy tắc đeo trang sức. Quy tắc định dạng CSS
Mặc dù có trình chỉnh sửa trực tuyến xuất sắc mà chúng tôi liên tục cải tiến và mở rộng trên DashaMail, một số khách hàng của chúng tôi vẫn thích sử dụng . Đôi khi điều này là do các quy định nghiêm ngặt của cuốn sách thương hiệu, đôi khi là do di sản để lại từ các nhà tiếp thị trước đó.
Trong mọi trường hợp, chúng tôi tôn trọng quyền này và cố gắng giúp khách hàng của mình tạo ra các chiến dịch email thích ứng và trông đẹp mắt trong các bối cảnh khác nhau. ứng dụng thư khách và các trình duyệt. Rốt cuộc, như bạn đã biết, có rất nhiều chương trình và ứng dụng email:
- phiên bản web của người gửi thư (Gmail, Yandex, Mail, Yahoo, v.v.)
- chương trình máy tính để bàn (Outlook, Mail, Mozilla Thunderbird và thậm chí cả Bat)
- ứng dụng email di động (Iphone, iPad, phiên bản khác nhau Android, v.v.)
Thật không may, các nhà phát triển của tất cả các ứng dụng này đã hành động không nhất quán trong truyền thống tốt nhất nhân tiêu chuẩn.
Một số ứng dụng khách này, một số thì không, một số thuộc tính và kiểu được hỗ trợ khách hàng di động và không được hỗ trợ trên máy tính để bàn. Hơn nữa, việc hỗ trợ HTML và CSS có thể khác nhau tùy theo phiên bản của cùng một chương trình. Các phiên bản web đôi khi chỉ cần cắt mã hoặc thêm mã của riêng chúng.
Để giảm thiểu hậu quả của bệnh bacchanalia này, chúng tôi đã phát triển 5 quy tắc, sẽ hướng dẫn bạn khi tạo bố cục html của riêng mình.
1. Bố cục bằng bảng
Nếu bạn muốn một giải pháp đơn giản và đáng tin cậy thì bảng là lựa chọn phù hợp. sự lựa chọn rõ ràng. Nó chắc chắn sẽ cứu bạn khỏi các vấn đề với ứng dụng email cũ. Đừng quên các trình duyệt mở phiên bản web của ứng dụng email khách; một số trong số đó có thể là IE7 hoặc thậm chí, Chúa ơi, IE6.
2. Kiểm tra tính phổ biến của việc hỗ trợ thuộc tính cho thẻ HTML và thuộc tính CSS
Chúng tôi sẽ cho phép bạn kiểm tra hỗ trợ nhanh chóng và dễ dàng cho các thuộc tính và thuộc tính khác nhau trong 10 ứng dụng email phổ biến nhất. Nếu bạn không chắc chắn về điều gì đó, đừng ngần ngại và kiểm tra các giả định của bạn về tính chính xác của bố cục.
3. Hãy quên CSS chặn đi
Khuyến khích sử dụng CSS nội tuyến nghiêm ngặt. Tất nhiên, điều này có thể gây khó khăn khi tạo mã html theo cách thủ công, vì vậy DashaMail khuyên bạn nên sử dụng Công cụ này tự động - ngay sau khi tải mã html ở bước thứ 2 của quá trình tạo bản tin.
4. Chiều rộng chữ 600 pixel
Nhiều ứng dụng email trên máy tính để bàn có diện tích xem thư tối đa khoảng 600px, điều này cho phép chúng ta điều chỉnh chữ cái vừa với lề trong khi để lại lề nhỏ. 600 cũng là bội số của 1-2-3-4-5-6, điều này sẽ cho phép bạn triển khai cấu trúc nhiều cột thích ứng thông thường mà không cần sử dụng "cứt và gậy". Nếu bạn chia 600 cho 9, bạn sẽ có rất nhiều số 6. Điều này về cơ bản không thể áp dụng được theo bất kỳ cách nào, nhưng nó thật tuyệt. Nói chung, như người ta nói, “đừng phản ánh – hãy lan truyền nó.”
5. Truy vấn phương tiện không thú vị lắm.
Hỗ trợ truy vấn phương tiện trong hầu hết các ứng dụng email bị hạn chế; ví dụ: nó bị vô hiệu hóa một cách ngu ngốc trong email Ứng dụng khách Gmail, cả trong trình duyệt và trong ứng dụng di động. Có thể đạt được khả năng phản hồi mà không cần sử dụng thành phần CSS này, mặc dù việc này hơi phức tạp một chút. Nhưng tôi tin vào các bạn, những Padawans trẻ tuổi của tôi.
Sử dụng 5 quy tắc này sẽ cho phép bạn tạo mã html đúng, được hiển thị phổ biến trong tất cả các ứng dụng email và trình duyệt, điều đó có nghĩa là tất cả những người đăng ký của bạn sẽ cảm thấy hài lòng sâu sắc nhất khi chiêm ngưỡng nó trong hộp thư của họ.
Hãy để nó là như vậy! Với tình yêu, Dasha.
Để tổ chức chuyển dữ liệu từ biểu mẫu HTML sang tập lệnh PHP, trước tiên bạn cần định cấu hình tệp php.ini:
đăng ký_ toàn cầu= TRÊN // truy cập trực tiếp vào các trường biểu mẫu theo tên
error_reporting=E_ALL//báo cáo tất cả các lỗi
trưng bày_ lỗi= TRÊN// lỗi xuất ra tài liệu
error_prepend_string=” ”
// định dạng lỗi (thẻ mở)
lỗi_ nối thêm_ sợi dây=” nét chữ>”
// định dạng lỗi (thẻ đóng)
Nguyên tắc chính trong việc kết nối biểu mẫu HTML và tập lệnh PHP là tạo một biến cho mỗi phần tử được truyền biểu mẫu HTML. Nghĩa là, nếu bạn có một trường văn bản ở dạng có tên là Văn bản và nút Gửi, thì trong tập lệnh PHP nhận, bạn không cần phải tạo biến cho trương Văn bản và bằng cách nào đó khởi tạo nó, vì biến $Text này sẽ được tạo tự động với giá trị bằng giá trị được nhập vào trường văn bản.
Biểu mẫu và tập lệnh PHP có thể được đặt trong một tài liệu. Để làm điều này, bạn cần chỉ định action=" trong hành động" .
Ví dụ:
if (isset($im)) (in $im;)