Essential HTML Fixes and Browser Compatibility Insights
School
University of Utah**We aren't endorsed by this school
Course
COMM 3510
Subject
Communications
Date
Dec 10, 2024
Pages
1
Uploaded by BarristerGalaxyCrane35
-Beginning with my index.html, validator.w3.org stated that I needed to add a lang attribute. I went ahead and added that to all of my html files. -An error that popped up said, “The character encoding was not declared.” To fix this, I entered the tag <meta charset="UTF-8"> following the <html> tag. -The next error I got was Error: Start tag head seen but an element of the same type was already open. To fix this, I moved the tag <meta charset="UTF-8"> into the <head> tag. -I continued to get the error stated above, and I am unsure of how to fix it. -I forgot to reupload my updated html files to FileZilla. All bugs are cleared now. -All pages are free of bugs now because I added the tags to all the pages necessary. After checking my website under three different browsers and three different electronic devices, I noticed a few differences. Starting off, on Google Chrome using my MacBook, the website worked very well. It fit the screen well, and when I adjusted the size of the screen, the webpage adjusted to fit. This was true for the recipe guide page and the actual recipe pages. Using Microsoft edge on my workplace’s Dell computers, my webpage functioned very well once again. It seemed to function the same as on my MacBook on Chrome. Following this, I used Safari on my MacBook. My website seemed to function the same on that browser as well. My website did not function as well on my iPhone. Using Safari on my phone, the website still functioned and was fitted to the smaller screen. Where it faltered was my hover CSS code did not work on my phone. The UI was not perfect, but the UX was fine. The hyperlinks still worked, and the layout remained constant on both my phone and laptop, but the little effects like the color when you click a box were not there on my phone. I do not find this difference problematic, and the font on an iPhone is so small that I would not have noticed if I were not the creator of the website. I did not take any steps to fix this because it is not vital. Here is the website link: http://comm.web.utah.edu/~u1407997/site/index.html/
