SEM ~ Semantics Elements Markup

The semantic elements of HTML5 that help define individual parts of the web page are used on this page to create a webpage, without use of any div tags or classes. The element tags are styled and then are 'painted' to the page using only HTML5 tags therefore leaving the page free of any over-use of code. Less code, better SEO.

Please Note that this practice is not recommended for any professional production level Website. You may pass W3C Validation but it is not guaranteed that all associated markup of the 'SEM' style will be universally accepted.

Note: Aside is semantically ordered as an 'aside', meaning it is reserved for smaller bits of information directly associated with the Article div content and using it as a separted content div may be breaking this HYML5 rule if the content in the Aside element is NOT associated with the Article content. In My Humble Opinion, I would say it will pass semantics if the Aside is used for something other than related content... eg, Ads or unrelated links.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Full width is as simple as adding Article with no Sections. Article normally wraps a Section AND an Aside.

This table is wrapped in a Article tag followed by a Div then table is showing with no Section or further Divs

Number	Player	Position	Height	Weight	Birthday
8	Marco Belinelli	G	6-5	195	03/25/1986
5	Carlos Boozer	F	6-9	266	11/20/1981
21	Jimmy Butler	G-F	6-7	220	09/14/1989

Third width Article withh Section. Section with three Asides inside.

So here's what a new civil war would look like between lefties and rightys. this would be hell to get from Colorado to Ohio. You might need an armored trick.

[image or embed]
— Not Morals of an Alley Cat. (@tradesouthwest.bsky.social) November 9, 2024 at 9:58 AM

Live Long and Prosper

Using only HTML5 elements with no classes. Some Ids for anchors.

SEM ~ Semantics Elements Markup

Full width is as simple as adding Article with no Sections. Article normally wraps a Section AND an Aside.

This table is wrapped in a Article tag followed by a Div then table is showing with no Section or further Divs

Third width Article withh Section. Section with three Asides inside.

Third width Article withh Section. Section with three Asides inside.

Third width Article withh Section. Section with three Asides inside.