Targeting Content
There are three possible types of links in HTML: external links, internal (or local) links, bookmark links.
9 Matching Annotations
- Jul 2019
-
lms.thesoftwareguild.com lms.thesoftwareguild.com
-
-
Schedule an appointment Request an estimate Pay your invoice
These hyperlinks would be much more friendly to a person using a screen reader.
-
We add the target property _blank to force the target file to open in a separate window or tab. Another common target is _self, which will open in the same tab, replacing the current page. Check out W3 Schools for more info on the target attribute.
-
-
lms.thesoftwareguild.com lms.thesoftwareguild.com
-
W3 schools has some more helpful info on semantic elements in HTML https://www.w3schools.com/html/html5_semantic_elements.asp
-
From an even more practical point of view, these semantic elements are visible to screen readers, while div containers are not. This means that for users who depend on a screen reader to interpret the content of a page, the screen reader can identify the purpose of each block, making it easier for that user to find specific tools (like the navigation pane) or content in the page.
I'm really happy that the Course refers to screen readers, as accessibility is very important.
-
Wireframe using semantic elements:
-
Wireframe showing page laid out in blocks
This wireframe lays out the page in blocks.
-
-
lms.thesoftwareguild.com lms.thesoftwareguild.com
-
Check out Creative Bloq's article: "20 great examples of website footer design (Links to an external site.)" for more ideas on how to design an aesthetically pleasing footer.
Check out this site.
-
It is very important to keep the differences in mind between head, header element, and heading element.
The head goes at the very top of the file and is not visible on the page. It is the section where the title tag as well as external files such as CSS files go.
The header element is used at the top but inside the body element. It is visible on the page. It is most often used once but some pages include separate headers.
- The heading element is used to create titles that identify the content or purpose of a section of a page like h1, h2, and so on.
-