There are situations when a person who has no experience writing code needs to make edits to it. For example, to update the text or banner in an email that nothing breaks newsletter because the terms of a promotion changed at the last minute. For such edits, it is not necessary to involve a layout designer: they can be made by a marketer or another specialist, because b2b email list they do not change the structure of the code and should not break it.
But that’s in theory
In reality, the result of even minimal changes can be unpredictable and not always successful. To prevent EMAILMATRIX clients from getting how important is local seo into such situations, I wrote instructions on how to make edits to the finished layout. And now I’m sharing these instructions with you.
Tag
Let’s start with the base – tags. They designate each element in the letter code.
The main thing you need to know about that nothing breaks tags is that they come in singles and pairs.
For a single tag, it is enough to specify its name at the beginning of the element:If the tag is paired, then the code must necessarily contain its evil mobile number list twin: a closing tag that begins with the slash character :
If you remove one half of the pair – the opening or closing tag – the letter may break in some mail clients:
Correct layout of the letter
The closing tag has been removed.
Differences between email layout and web page layout
Let me clarify: if you close a single tag by mistake, nothing bad will happen. But it is better not to do this, it is considered syntactically incorrect – like putting two periods at the end of a sentence.
Nested tags
If another paired tag is placed inside a paired tag, they must be closed in the correct order: first the inner one, then the outer one.
Let’s look at an example. The text is enclosed in a tag, and inside this tag a paired tag is declared
First, we close the tag that was opened last, which in our case is <span>. Next, we close <b>.
If the order of closing nested tags is that nothing breaks violated, the layout may be displayed to the user with errors.
The order of table tags is broken
How not to make a mistake
The easiest way to edit code is in editors with syntax highlighting ( VS Code , Sublime Text , Notepad++ ). In case of an error, they immediately show special tips:
In a regular editor, you will have to monitor the correctness of the code yourself. One way to simplify the task is to follow the styling rules. For example, write each tag on a new line and highlight blocks with spaces at the beginning of the line.