The Semantics of Prototyping with HTML and CSS
This week was a challenge of putting all our knowledge learned in the the past 4 weeks to the test. We read the three articles about HTML5 semantics, using the semantic outliner, identified a semantic element and its corresponding CSS, built a functional prototype using HTML, CSS, and images. I have been doing an internship in Jersey City, so I had to do the assignments little by little everyday and all day Saturday. I used sources like Stackoverflow and Codecademy to help me understand Html and CSS. I posted in my groupchat for week four last minute because I haven't read all the articles when my group members posted their thoughts so I did not participate till I have read the articles.
Semantics by its definition is the meaning of language. From my understanding, there were Semantic tags before HTML5 came along such as <form><img> tags. Then they are non-semantic tags such as <div> or <span> tags and <div> are there such to group things. They also do not tell us anything about content. HTML5 tags help define content by organizing it. The chart we saw shows how its organized starting with <header>, <nav>, <article>, <section>, and <footer>.
Resources: