There's a lot I want to talk about on here:
There's a lot of "I want"s in there. Today I won't be covering any of that just yet. Instead I wanted
to do another "browser status report" to see how
browsers parses this site after 🦴 The Bones Update 🦴 and try to solve
and obvious browser errors we see.
And I also need to address a mistake I've made in my 2nd post.
(Post #4 and we are already addressing a mistake?) Let's get into it!
First up is Firefox.
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.And this time Firefox is giving us this error:
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.So what gives? We are getting the same error. You said defining the DOCTYPE by placing
<!DOCTYPE html>at the top of the html file will resolve this error.
<!DOCTYPE html>solves the document type warnings and lets the browser know that it will be reading this as an HTML document. Defining the document type is often referred to as DTD declaration. (Document Type Definition). So why do we have to do this DTD declaration? Well, believe it or not but there are different types of HTML. And most browsers don't know which one you are using. The browser will actually try to "doctype sniff" and guess the document type you are using if one is not provided. But since programmers love being explicit, just define it. Just remember that there is one declaration that almost everyone uses,
<!DOCTYPE html>. Everything else is pretty much just a legacy thing.
HTML1300: Navigation occurred.
HTML1402: Character reference is missing an ending semicolon ";".
<meta charset="UTF-8">to the first thing in our HTML head
Bam! This update brings us HTML. Everything you see on this page is structured in these two legendary elements:
Using HTML gives us access to so many great tools. We can make font bold. We can italicize
this shit too.WE CAN CENSOR THINGS...kind of I can make
clickable. See that list at the top? That shit's also done in HTML too.
👏 W E C A N E V E N U S E E M O J I S 👏 👀 💦
Not sure how I'm going to be hosting different versions of the site just yet. But keep an eye out on the "Site Archive" section.
Anyways, till next time! Doot 🎺 Doot 🎺
I noticed something in the previous post. I've tested this file on numerous web browsers and each one reacts
slightly differently. Let me show you.
First up is Firefox.
This file (`index.html`) works on Firefox. But I noticed that the console did spit out an error:
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.Alright that should be pretty easy to address. I've used Codecademy to learn web dev before, so I do remember that each website needs to adhere to a certain HTML structure. The first HTML element in any document should be...:
HTML1300: Navigation occurred.
HTML1527: DOCTYPE expected. Consider adding a valid HTML5 doctype: "".
HTML1502: Unexpected DOCTYPE. Only one DOCTYPE is allowed and it must occur before any elements.
HTML1407: Invalid tag name. First character should match [a-zA-Z].
Alright Chris. I finally made that website I was talking about. It's not much, but it's a start :)
In fact I'm not even sure this will properly work on most web browsers. There isn't any proper meta data or html tags here. But that's the beauty of this. I get to find out and learn as I go!
So these words you are reading right now are being written inside a program called notepad++. Right as I'm done typing this sentence I'm going to save this file as `index.html` and then I'm going to drag and drop this file into my web browser. Yup, confirmed that it worked. (Which should be fairly obvious to you since you are reading these words in your web browser right now)
So what is this place?
Well...Hi. I'm Adrian. I'm the dude writing these words you are reading right now. Yup. that's me. (btw I'm glad that's the voice you chose for me) Anyways, I've done some web development in my career and spare time but I'm still really new to it. In fact I wanted to get back into web dev and also had an itch to create my own website. Currently my domain https://www.adrianmiasik.com re-directs to a third-party website with my game content on it. the most recent version of this website! I've been meaning to create a proper place for my domain. So I'll be creating a website that I can use for my portfolio work and also a site that I can document this journey on.
I want to create a visual timeline for the history of this site as I create it over time. I'm not sure how far I'll explore that idea but we'll see!
Check back soon!!!! In the meantime check out my website :^) https://www.adrianmiasik.com