cleanup: add abbr and fix web.dev text

docs/index.md

@@ -1,8 +1,9 @@
-# Semantic HTML { #page-title }
+# Semantic <abbr title="HyperText Markup Language">HTML</abbr> { #page-title }
 
 ## What is Semantic HTML
 
-_Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in web pages and web applications rather than merely to define its presentation or look. Semantic HTML is processed by traditional web browsers as well as by many other user agents. CSS is used to suggest its presentation to human users.[¹](#wikipedia) Semantic means "relating to meaning". Writing semantic HTML means using HTML elements to structure your content based on each element's meaning, not its appearance.[²](#webdev)_
+_Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in web pages and web applications rather than merely to define its presentation or look. Semantic HTML is processed by traditional web browsers as well as by many other user agents. <abbr title="Cascading Style Sheets">CSS</abbr> is used to suggest its presentation to human users.[¹](#wikipedia) Semantic means "relating to meaning". Writing semantic HTML means using HTML elements to structure your content based on each element's meaning, not its appearance.[²](#webdev)_
+
 ## Why is it important?
 
 <aside>
@@ -13,7 +14,6 @@ _Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning,
 <figcaption>A diagram of a basic website structure using semantic HTML elements</figcaption>
 </aside>
 
-
 Semantic HTML holds significant importance for several reasons:
 
 1. **Accessibility**: By using semantic elements such as `<header>`, `<nav>`, `<main>`, `<footer>`, and `<article>`, you provide context and hierarchy to your content, making it more accessible to users with disabilities. This inclusivity ensures that people with disabilities can effectively access and understand your web content.
@@ -39,11 +39,11 @@ As the web evolves towards cleaner and more structured code, Semantic HTML plays
 <section id="read-more-links">
 
 - [Wikipedia](https://en.wikipedia.org/wiki/Semantic_HTML)
-- [Web Dev](https://web.dev/learn/html/semantic-html/)
+- [web.dev](https://web.dev/learn/html/semantic-html/)
 - [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantics_in_html)
 </section>
 
 ---
 
 - ¹ - https://en.wikipedia.org/wiki/Semantic_HTML { #wikipedia }
-- ² - https://web.dev/learn/html/semantic-html/ { #webdev }
+- ² - https://web.dev/learn/html/semantic-html/ { #webdev }