Style Tags

Notes

Style Tags vs. Semantic Elements IN HTML4 When writing in hypertext language, it is important to separate content and style. Style Tags: In HTML4 Focused purely on presentation and design. It only talked about how the text should look like on the screen. Semantic: Refers to the meaning of words in a language.  Semantic tags said something about the semantic of the tag. It offered meaning.  Tag Type Description <b> Style Makes text bold <i> Style Makes text italics <em> Semantic Emphasizes text Text is italics by default in a browser <strong> Semantic Important text Text is bold by default in a browser <b> Vs. <strong> <b> Bold is a style that makes letters thicker so it stands out among other text. But it has no semantic meaning, for example for voice browsers, screen readers, and other types of ways to access the Web. A device like Kindle Paperwhite that renders text differently, might not pick up the bold. <strong> Strong is an indication of how something should be. It looks like bold in a browser, but it could mean ‘speak with urgency or seriousness’ when reading text aloud. It is semantic in the sense, that we instruct it to be stronger than the text it surrounds whi...