HTML Essential Training 2 of 3 Flashcards
1) [Critical Thinking] What’s the difference between the < b > tag and the < strong > tag?
< /strong > < /b>< /b>
< b> tag will visually modify the text to be bold, while < strong> tag will do the same thing and tell screen readers to emphasize a word when dictating. < strong> tags are accessibility-friendly
< /strong >< /strong> < /b >
What is the character entity for the copyright symbol?
& copy;
Without spaces!
What is the default behavior of HTML when it encounters more than one space?
HTML, by default, only counts the first space as a character. Any additional spaces in the text will be ignored by the browser.
What is the character entity for a non breaking space?
& nbsp;
Without spaces!
What is meant by the term semantics?
- structure documents with tags in a way that illustrates the meaning of the content.
- search engines can Identify what text is important and what text is footer information.
The author names 4 sectioning elements. Name 2.
1: Navigation tags are sectioning elements
- help structure a webpage with a section to help navigate to other pages within the site.
- Section tags are section elements
- help section a block of content that have a similar theme.
Which element does the author choose to wrap most of the content?
The author starts off by wrapping most of his content using paragraph tags. He later rewrites the tags with heading tags so he can structure his outline of his webpage.
What is the purpose of the element?
A sectioning element used for major navigation blocks. The section links to other pages within the site or links to sections within the page.
[Critical Thinking] Why would you have more than one element?
Header, aside and footer blocks may contain elements.
[Critical Thinking] When should you use an tag?
tag should be used to block content that can be published on its own. The tag tells the browser or search engine that content within tags must go together for the content to make sense. Ex) Like an article of clothing,it can be understood for what it is regardless of change in environment or change in context.
[Critical Thinking] The purpose of a can be compared somewhat to the purpose of a <div>. What’s the difference?</div>
tags group content similar to div tags, but there is a semantic meaning to tags that define the content to the browser. tags are associated with tags .
[Critical Thinking] When would you use an element?
When you want to display related content as a resource, but is separate from the content being viewed, then use the element. Can also be used to designate ad space.
[Critical Thinking] What’s the purpose of the <div> tag?</div>
If you think of the < div > tag as a divider or a tab divider, by using the < div > tag, you are telling the browser to group the content within the tags. There is no semantic meaning associated with < div > tag
< /div >< /div >< /div >
[Critical Thinking] What is meant by ‘the < div > is the element of last resort’?< /div >
In practice, use the semantic tags (over < div > tag) for content so the site is accessibility friendly. Screen readers may have issues figuring out what content is significant if div tags are used to structure content. < /div >
[Critical Thinking] How often should we be using the element in a page and why?
You can use the tag as many times as you’d like. The element is used to add semantic value to the content. When starting a new section, a header element is used around introductory information for the section. Ex) title, author, logo, nav