4 ms·

I thought HTML was just <div> <div> <div> <div> <div> <div>

Theodores 8y ago
It is! With a few span elements and icons in i elements! The joke is that there are articles from a decade ago talking about the end of everything being a div and the new markup taking over. It never happened. Instead we got the frameworks that double down on divs. Then the website builder things that take div nesting to another level. Seriously if anyone on this site has a website created the proper way with accessible elements using a decent amount of vocabulary then I would like to know. It does not matter what the site looks like, or what it is about, I just want to find some websites that use rather than talk about proper element use. I don't see what mankind's problem is - why do we adopt plenty of complicated web technology things and yet nobody can be bothered to structure a document?
- MaxLeiter 8y ago
  It’s small and short, but https://github.com/MaxLeiter/maxleiter.github.io/blob/master/index.html https://github.com/MaxLeiter/maxleiter.github.io/blob/master... was my first time exploring elements like aside and article rather than using div in their place
  - Theodores 8y ago
    Getting there... IMHO you need to ditch the wrapper divs and put a single 'main' in there. Then you need to apply CSS Grid to the outer container with something sensible for the outer rows to do the wrapper thing more succinctly. Also get rid of the div around the footer. There are also a few spans too many around the links at the start of each article, if you can do things with pseudo elements instead then I think you will like it that way - moving presentational stuff out the document into the stylesheet. Also be bold with the classes. If you are using elements instead of divs then you can style them without the class tags. Don't take these points as criticisms, there is a lot to unlearn with CSS grid and using proper elements instead of the usual divs. I don't think you need the armbands any more, it is good to see!
- SquareWheel 8y ago
  Well, you asked. Critique me I guess. https://wescook.ca/ https://wescook.ca/ Source: https://github.com/WesCook/wescook.github.io https://github.com/WesCook/wescook.github.io
  - Theodores 8y ago
    Top marks! I only tested two pages - didn't read them - but your element vocabulary is excellent. I learned about 'dark mode' and how to do it properly. Bravo!
    - SquareWheel 8y ago
      Hooray! Thanks!
- deleted 8y ago
  [deleted]
perilunar 8y ago
People think that the <div> tag is a meaningless generic block-level element — that's pretty much how it's described in the HTML 4 and 5 specs. In fact it was introduced in HTML 3.0 as "The DIV element is used with the CLASS attribute to represent different kinds of containers, e.g. chapter, section, abstract, or appendix." [1] It was retained in HTML 3.2 as "DIV elements can be used to structure HTML documents as a hierarchy of divisions" [2], making it equivalent to the current <header>, <footer> and <section> tags. 1. https://www.w3.org/MarkUp/html3/divisions.html https://www.w3.org/MarkUp/html3/divisions.html 2. https://www.w3.org/TR/2018/SPSD-html32-20180315/#div https://www.w3.org/TR/2018/SPSD-html32-20180315/#div

It is! With a few span elements and icons in i elements! The joke is that there are articles from a decade ago talking about the end of everything being a div and the new markup taking over. It never happened. Instead we got the frameworks that double down on divs. Then the website builder things that take div nesting to another level. Seriously if anyone on this site has a website created the proper way with accessible elements using a decent amount of vocabulary then I would like to know. It does not matter what the site looks like, or what it is about, I just want to find some websites that use rather than talk about proper element use. I don't see what mankind's problem is - why do we adopt plenty of complicated web technology things and yet nobody can be bothered to structure a document?

MaxLeiter 8y ago
It’s small and short, but https://github.com/MaxLeiter/maxleiter.github.io/blob/master/index.html https://github.com/MaxLeiter/maxleiter.github.io/blob/master... was my first time exploring elements like aside and article rather than using div in their place
- Theodores 8y ago
  Getting there... IMHO you need to ditch the wrapper divs and put a single 'main' in there. Then you need to apply CSS Grid to the outer container with something sensible for the outer rows to do the wrapper thing more succinctly. Also get rid of the div around the footer. There are also a few spans too many around the links at the start of each article, if you can do things with pseudo elements instead then I think you will like it that way - moving presentational stuff out the document into the stylesheet. Also be bold with the classes. If you are using elements instead of divs then you can style them without the class tags. Don't take these points as criticisms, there is a lot to unlearn with CSS grid and using proper elements instead of the usual divs. I don't think you need the armbands any more, it is good to see!
SquareWheel 8y ago
Well, you asked. Critique me I guess. https://wescook.ca/ https://wescook.ca/ Source: https://github.com/WesCook/wescook.github.io https://github.com/WesCook/wescook.github.io
- Theodores 8y ago
  Top marks! I only tested two pages - didn't read them - but your element vocabulary is excellent. I learned about 'dark mode' and how to do it properly. Bravo!
  - SquareWheel 8y ago
    Hooray! Thanks!
deleted 8y ago
[deleted]

perilunar 8y ago

People think that the <div> tag is a meaningless generic block-level element — that's pretty much how it's described in the HTML 4 and 5 specs. In fact it was introduced in HTML 3.0 as "The DIV element is used with the CLASS attribute to represent different kinds of containers, e.g. chapter, section, abstract, or appendix." [1] It was retained in HTML 3.2 as "DIV elements can be used to structure HTML documents as a hierarchy of divisions" [2], making it equivalent to the current <header>, <footer> and <section> tags. 1. https://www.w3.org/MarkUp/html3/divisions.html https://www.w3.org/MarkUp/html3/divisions.html 2. https://www.w3.org/TR/2018/SPSD-html32-20180315/#div https://www.w3.org/TR/2018/SPSD-html32-20180315/#div