Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HTML5 open web platform question #138

Open
Gizzz opened this issue Aug 8, 2018 · 3 comments
Open

HTML5 open web platform question #138

Gizzz opened this issue Aug 8, 2018 · 3 comments
Labels
help wanted Extra attention is needed

Comments

@Gizzz
Copy link

Gizzz commented Aug 8, 2018

In HTML section there is a question:

Consider HTML5 as an open web platform. What are the building blocks of HTML5?

And the answer is from MDN's HTML5 docs:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5

Probably something different is meant in the original question. I understand it as a question about tech stack of open web platform. Please take a loot at the diagrams on this pages to see what I mean:
http://tess.oconnor.cx/2009/05/what-the-web-platform-is
https://hsivonen.fi/web-stack/

@Gizzz Gizzz changed the title HTML5 open web platform HTML5 open web platform question Aug 9, 2018
@yangshun yangshun added the help wanted Extra attention is needed label Jan 27, 2020
@yangshun
Copy link
Owner

I agree. A better answer is welcome. Off the top of my head, and based on the diagram:

henri-stack-v2

I think some components are: HTML, JavaScript, CSS, HTTP, Security, Performance, Accessibility, Web Media (images, audio, video), WebGL, Storage (Cookies, Local/Session Storage, IndexedDB), Service Workers, Performance, Animation, Web Asssembly, Search Engine Optimization, and more. Would be nice to have some further elaboration on each component.

@captainWaheed
Copy link

This diagram covers mostly all of the possible blocks.
I just saw this: on https://flowerszhong.github.io/2013/11/20/html-questions.html

Sementics

@ishratumar
Copy link

HTML5 building blocks:

  1. Semantic elements such as the header, main, section, footer, etc.
  2. Introduced new attributes for the form's tag.
  3. The local storage of data that allows webpages to function more efficiently offline.
  4. Embedding multimedia is possible without third-party plugins.
  5. Canvas that offers a much greater range of presentation options.
  6. Document Object Model (DOM) and APIs.
  7. Support for mathematical formulas and SVG files.

Reference

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

4 participants