HTML: Difference between revisions
m ([tantek] added "https://indieweb.social/@raphaelluckom/109479104151482546" to "See Also") |
m ([tantek] added "https://indieweb.social/@brianleroux/111689549468265686" to "See Also") Â |
||
(7 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<span style="float:right; border: solid #000; margin: 0 0 1em 1em;max-width:50%">[https://twitter.com/piccalilli_/status/1371494593028571139 <img src="https://pbs.twimg.com/media/EwiGuseWEAA1Rrb.jpg" style="max-width:100%" alt="Comic of two people walking away from a warehouse store, one with a large cart of many boxes labeled with JavaScript toolchain tools, and another carrying a small box in his arms labeled HTML & CSS, with the former asking the latter a question about his choice."/>]</span> Â | <span style="float:right; border: solid #000; margin: 0 0 1em 1em;max-width:50%">[https://twitter.com/piccalilli_/status/1371494593028571139 <img src="https://pbs.twimg.com/media/EwiGuseWEAA1Rrb.jpg" style="max-width:100%" alt="Comic of two people walking away from a warehouse store, one with a large cart of many boxes labeled with JavaScript toolchain tools, and another carrying a small box in his arms labeled HTML & CSS, with the former asking the latter a question about his choice."/>]</span> Â | ||
'''<dfn>HTML</dfn>''' ('''HyperText Markup Language''') is the language used to create web pages, one of the [[building blocks]] of the IndieWeb. | '''<dfn>HTML</dfn>''' ('''HyperText Markup Language''') is the language used to create web pages, one of the [[building blocks]] of the IndieWeb. | ||
== How to == | |||
* https://twitter.com/ludvikherrera/status/1489641828068569090 | |||
** "Of course, when I mention HTML and content, it should be understood with all the nuance that is implied, from well-structured and written content, image captions, accessibility parameters, tidy and well-structured syntax, not only responsive but adaptive data + microformats." [https://ludvikherrera.myportfolio.com @ludvikherrera] February 4, 2022 | |||
For how to use HTML to build web applications, see: | |||
* [[web app]]s | |||
== Quotes == | == Quotes == | ||
* 2018-04-02 "8 yo: We're learning to make websites at school.<br>Me: Awesome, are you using [[Google Sites]] or something.<br>8 yo opens a text editor and types in 6 valid lines of html.<br>Me: ...<br>8 yo: Dad, why are you crying?" [https://twitter.com/ethanwhite @ethanwhite] [https://twitter.com/ethanwhite/status/980943539721863169 April 2, 2018] | |||
<blockquote class="h-cite" cite="https://twitter.com/scottjehl/status/1138836127761256449">"Write code, not too much, mostly HTML" <br/><cite><span class="p-author h-card">[http://scottjehl.com @scottjehl]</span> [https://twitter.com/scottjehl/status/1138836127761256449 <time class="dt-published">2019-06-12</time>]</cite></blockquote> | <blockquote class="h-cite" cite="https://twitter.com/scottjehl/status/1138836127761256449">"Write code, not too much, mostly HTML" <br/><cite><span class="p-author h-card">[http://scottjehl.com @scottjehl]</span> [https://twitter.com/scottjehl/status/1138836127761256449 <time class="dt-published">2019-06-12</time>]</cite></blockquote> | ||
<blockquote class="h-cite" cite="https://twitter.com/Steady5063/status/1488548427608768515">"HTML. It is the foundation of all web content. No matter what changes in the world of JavaScript. Always start with HTML. #HTML #A11y" <br/><cite><span class="p-author h-card">[https://twitter.com/Steady5063 @Steady5063]</span> [https://twitter.com/Steady5063/status/1488548427608768515 <time class="dt-published">2022-02-01</time>]</cite></blockquote> | <blockquote class="h-cite" cite="https://twitter.com/Steady5063/status/1488548427608768515">"HTML. It is the foundation of all web content. No matter what changes in the world of JavaScript. Always start with HTML. #HTML #A11y" <br/><cite><span class="p-author h-card">[https://twitter.com/Steady5063 @Steady5063]</span> [https://twitter.com/Steady5063/status/1488548427608768515 <time class="dt-published">2022-02-01</time>]</cite></blockquote> | ||
* See thread for context: https://mobile.twitter.com/molly0xFFF/status/1507428048563539968 | |||
** "just wrote some HTML đ" [http://www.mollywhite.net @molly0xFFF] March 25, 2022 | |||
* https://indieweb.social/@raphaelluckom/109479104151482546 | |||
** "The more I look at #webdev as a not-full-time practitioner, the more I start to appreciate what I think of as the #indieweb position: <br/>The basic document structure of the web is #HTML. <br/>The basic layout engine is #CSS. <br/>The more that a framework leverages these things directly--puts them in front of code authors and also expresses them clearly in its output, the better it is. <br/>The more a framework hides or misrepresents them or doesn't engage with their semantics, the worse it is." <br/><cite>[https://indieweb.social/@raphaelluckom @raphaelluckom] December 8, 2022</cite> | |||
== Tools == | == Tools == | ||
Line 13: | Line 28: | ||
__TOC__ | __TOC__ | ||
== Humor == | |||
* https://no-ht.ml/ | |||
== See Also == | == See Also == | ||
Line 18: | Line 36: | ||
* [[microformats]] | * [[microformats]] | ||
* [[XHTML]] | * [[XHTML]] | ||
* https://github.com/jamesseanwright/valimate - HTML validation tool | * https://github.com/jamesseanwright/valimate - HTML validation tool | ||
* https://html5up.net/ - responsive HTML5+CSS3 templates, CC licensed | * https://html5up.net/ - responsive HTML5+CSS3 templates, CC licensed | ||
Line 25: | Line 42: | ||
* [[pup]] helps with parsing on the [[command line]] | * [[pup]] helps with parsing on the [[command line]] | ||
* A famous website teaching kids (and anyone else!) how to build websites from 1997 onwards: http://lissaexplains.com/index.shtml | * A famous website teaching kids (and anyone else!) how to build websites from 1997 onwards: http://lissaexplains.com/index.shtml | ||
* | * {{edent}}: 2021-01-26 [https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiveness-of-simple-html/ The unreasonable effectiveness of simple HTML] | ||
* https://html-first.com/ <blockquote>The main goal of HTML First is to substantially widen the pool of people who can work on web software codebases.</blockquote> quite aligned with IndieWeb [[principles]] and community values. | |||
* https://indieweb.social/@brianleroux/111689549468265686 | |||
* | |||
Latest revision as of 02:55, 3 January 2024
This article is a stub. You can help the IndieWeb wiki by expanding it.
HTML (HyperText Markup Language) is the language used to create web pages, one of the building blocks of the IndieWeb.
How to
- https://twitter.com/ludvikherrera/status/1489641828068569090
- "Of course, when I mention HTML and content, it should be understood with all the nuance that is implied, from well-structured and written content, image captions, accessibility parameters, tidy and well-structured syntax, not only responsive but adaptive data + microformats." @ludvikherrera February 4, 2022
For how to use HTML to build web applications, see:
Quotes
- 2018-04-02 "8 yo: We're learning to make websites at school.
Me: Awesome, are you using Google Sites or something.
8 yo opens a text editor and types in 6 valid lines of html.
Me: ...
8 yo: Dad, why are you crying?" @ethanwhite April 2, 2018
"HTML. It is the foundation of all web content. No matter what changes in the world of JavaScript. Always start with HTML. #HTML #A11y"
- See thread for context: https://mobile.twitter.com/molly0xFFF/status/1507428048563539968
- "just wrote some HTML đ" @molly0xFFF March 25, 2022
- https://indieweb.social/@raphaelluckom/109479104151482546
- "The more I look at #webdev as a not-full-time practitioner, the more I start to appreciate what I think of as the #indieweb position:
The basic document structure of the web is #HTML.
The basic layout engine is #CSS.
The more that a framework leverages these things directly--puts them in front of code authors and also expresses them clearly in its output, the better it is.
The more a framework hides or misrepresents them or doesn't engage with their semantics, the worse it is."
@raphaelluckom December 8, 2022
- "The more I look at #webdev as a not-full-time practitioner, the more I start to appreciate what I think of as the #indieweb position:
Tools
Command Line
- pup - a tool for extracting information from HTML at the command-line.
Humor
See Also
- building blocks
- microformats
- XHTML
- https://github.com/jamesseanwright/valimate - HTML validation tool
- https://html5up.net/ - responsive HTML5+CSS3 templates, CC licensed
- Idiosyncracies of the HTML parser by Simon Pieters (zcorpan), in-progress book about the history, specs, and parsing of HTML
- Parsing with regular expressions
- pup helps with parsing on the command line
- A famous website teaching kids (and anyone else!) how to build websites from 1997 onwards: http://lissaexplains.com/index.shtml
- Terence Eden: 2021-01-26 The unreasonable effectiveness of simple HTML
- https://html-first.com/
quite aligned with IndieWeb principles and community values.The main goal of HTML First is to substantially widen the pool of people who can work on web software codebases.
- https://indieweb.social/@brianleroux/111689549468265686