HTML CSS Git Challenge: Code Refactor
Refactor an existing site to make it more accessible and optimized for search engines.
Added comments to organise different sections of code in the index.html file.
- Head Section -
- <title></title> changed from "website" to "Horiseon - Online Buisness Developement".
- Header/Navigation -
-
Changed div class="header" to header.
-
Changed div to nav.
-
Fixed "Search Engine Optimization" navigation link by adding "id" to the related portion in the content section.
- Content Section -
- Added alt attributes to images.
- Benefits Section -
-
Deleted unessescary img attribute for cost management line 88.
-
Added alt attributes to images.
- Footer Section -
-
Changed div class="footer" to footer.
-
Changed the year 2019 to 2021.
-
Adding comments to organize different sections.
-
Adjusting code the match changes to HTML. EX. div to nav
-
Moving selectors that are out of place into correct sections.
-
Compressing code by removing duplicates. (Keep it DRY).
-
Changed classes in content section to all be class="content-section"
-
Changed classes in benefits section to all be class="benefits-section"