Use HTML Tags in Edge Animate CC - dummies

Use HTML Tags in Edge Animate CC

By Michael Rohde

Using HTML tags for your text in your Edge Animate projects can help with search engine optimization (SEO) and browser parsing so people can find your animation online more easily.

In practice, assigning HTML tags to your font barely affects your animation’s standing (beyond a slight improvement) in search engine results. Even so, it’s good practice to use the correct HTML tag for certain types of text, as outlined in the following definitions.

For the most part, assigning a tag to your text doesn’t visibly change anything; except if you use ‘address’ (which makes your font italic). It’s considered a best practice to use the HTML tags to adhere to coding standards — and it also helps with accessibility, as when someone uses a screen reader.

You can find the HTML tags up near the top of the Properties panel when you have a text box selected. Simply click the drop-down arrow near div to open the menu as shown in the figure.

Directly to the right of the HTML tags menu, you can find Class and Actions icons.

Assigning HTML tags to text.
Assigning HTML tags to text.

You can assign the following HTML tags to text blocks:

  • div: This is the default setting for text boxes. In CSS3, it defines a section in a document.

  • address: Address text is usually depicted with italics, which Edge Animate does format for you. Use this tag to define contact information.

  • article: Use the article tag to define content that can stand alone and that you can distribute apart from the rest of your content.

  • blockquote: Use this section to define a section of text that you quoted from elsewhere.

  • p: This is the standard tag used to format paragraphs.

  • h1 through h6: These are standard header tags. Use h1 for the topmost header and then h2 for second-level headings and so on.

  • pre: Text appears in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.

  • code: Use this tag when you want to display computer code.

You can assign one HTML tag to each text block. Therefore, you may want to use one text block for your headers (h1) and another text block for your paragraphs (p). Using HTML tags for text is considered a good practice for web development because

  • It helps with screen readers, which the visually impaired use to “read” a screen. The screen reader uses text-to-speech software to express content audibly.

  • Using HTML tags is considered good general coding practice.

  • HTML does help, even if minimally, with SEO.