Upgrade to Pro — share decks privately, control downloads, hide ads and more …

"HTML5" Transport Protocol

Kornel Lesiński
September 26, 2011
Technology
3
370

"HTML5" Transport Protocol

HTTP powers all the new fancy HTML5 stuff. Learn how to use, not abuse it.

Video: http://lanyrd.com/2011/lwsmix/scckq/

London Web Standards, January 2011

Kornel Lesiński

September 26, 2011
Tweet

More Decks by Kornel Lesiński

See All by Kornel Lesiński
SudWeb
kornel
0
180
Lossy PNG for true-color images (Velocity Conf EU 2014)
kornel
2
870
Modern PNG compressors
kornel
13
1.2k
Handling binary data in JS
kornel
1
380
Mobblestouch — W3C Touch Events and gestures
kornel
2
720
Server-Sent Events
kornel
5
950
Front-end Performance
kornel
5
460

Other Decks in Technology

See All in Technology
統計データで2024年の クラウド・インフラ動向を眺める
ysknsid25
2
840
Qiita埋め込み用スライド
naoki_0531
0
860
20241214_WACATE2024冬_テスト設計技法をチョット俯瞰してみよう
kzsuzuki
3
440
祝！Iceberg祭開幕！re:Invent 2024データレイク関連アップデート10分総ざらい
kniino
2
250
権威ドキュメントで振り返る2024 #年忘れセキュリティ2024
hirotomotaguchi
2
730
Jetpack Composeで始めるServer Cache State
ogaclejapan
2
160
Amazon VPC Lattice 最新アップデート紹介 - PrivateLink も似たようなアップデートあったけど違いとは
bigmuramura
0
190
生成AIをより賢く エンジニアのための RAG入門 - Oracle AI Jam Session #20
kutsushitaneko
4
220
継続的にアウトカムを生み出し ビジネスにつなげる、 戦略と運営に対するタイミーのQUEST(探求)
zigorou
0
520
OpenAIの蒸留機能(Model Distillation)を使用して運用中のLLMのコストを削減する取り組み
pharma_x_tech
4
540
レンジャーシステムズ | 会社紹介（採用ピッチ）
rssytems
0
150
Snowflake女子会#3 Snowpipeの良さを5分で語るよ
lana2548
0
220

Featured

See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
Raft: Consensus for Rubyists
vanstee
137
6.7k
Designing for humans not robots
tammielis
250
25k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Optimizing for Happiness
mojombo
376
70k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Code Reviewing Like a Champion
maltzj
520
39k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k

Transcript

  1. HyperText Transport Protocol Kornel Lesiński London Web Standards 2011

  2. “HTM L5” AKA N.E.W .T. HTML5 Video CSS3 Server-sent events

    XHTML5 Web Sockets Live Streaming NoSQL DB the actual XMLHttpRequest Web APIs

  3. http://

  4. Server Client Proxy (sometimes)

  5. HTTP/1.1'200'OK Date:'Tue,'18'Jan'2011'20:00:00'GMT' Server:'Apache' ContentAType:'text/html;'charset=utfA8 LastAModified:'Wed,'08'Sep'2010'06:34:43'GMT' ContentALength:'5447' ContentALanguage:'enAGBAxAHixie' Connection:'close' <!DOCTYPE'HTML> <html>

    '<head> ''<title>Web'Hypertext'Application'Technology' Working'Group</title> ''<link'rel="stylesheet"'media="all"'href="/ style/tabbedApages"> ''<link'rel="icon"'href="/images/icon"> '</head> '<body> ''<h1'class="simple"><img'src="/images/logo"' alt="">'Welcome'to'the'WHATWG'community</h1> ''<p'class="byline"><em>Maintaining'and'evolving' HTML'since'2004</em></p>''<p>Want'to'get'involved' and'help'out?'<a'href="http://wiki.whatwg.org/ wiki/What_you_can_do">See'a'list'of'things'for' which'we'need'volunteers</a>'and'jump'in!</p>''<p' class="whatAtoAdo"><a'href="http:// wiki.whatwg.org/wiki/FAQ"><em>FAQ</em>'<span>Get' answers</span>'<span>to'your'questions</span></ a></p>''<p'class="whatAtoAdo"><a'href="http://

  6. HTTP/1.1'200'OK Date:'Tue,'18'Jan'2011'20:00:00'GMT' Server:'Apache' ContentAType:'text/html;'charset=utfA8 LastAModified:'Wed,'08'Sep'2010'06:34:43'GMT' ContentALength:'5447' ContentALanguage:'enAGBAxAHixie' Connection:'close' <!DOCTYPE'HTML> <html>

    '<head> ''<title>Web'Hypertext'Application'Technology' Working'Group</title> ''<link'rel="stylesheet"'media="all"'href="/ style/tabbedApages"> ''<link'rel="icon"'href="/images/icon"> '</head> '<body> ''<h1'class="simple"><img'src="/images/logo"' alt="">'Welcome'to'the'WHATWG'community</h1> ''<p'class="byline"><em>Maintaining'and'evolving' HTML'since'2004</em></p>''<p>Want'to'get'involved' and'help'out?'<a'href="http://wiki.whatwg.org/ wiki/What_you_can_do">See'a'list'of'things'for' which'we'need'volunteers</a>'and'jump'in!</p>''<p' class="whatAtoAdo"><a'href="http:// wiki.whatwg.org/wiki/FAQ"><em>FAQ</em>'<span>Get' answers</span>'<span>to'your'questions</span></ a></p>''<p'class="whatAtoAdo"><a'href="http://

  7. <META HTTP-EQUIV>

  8. HTTP/1.1'200'OK Date:'Tue,'18'Jan'2011'20:00:00'GMT' Server:'Apache' ContentAType:'text/html;'charset=utfA8 LastAModified:'Wed,'08'Sep'2010'06:34:43'GMT' ContentALength:'5447' ContentALanguage:'enAGBAxAHixie' Connection:'close' <!DOCTYPE'HTML> <html>

    '<head> ''<meta'httpAequiv="ContentAType"'content="text/ html;'charset=utfA8"> ''<title>Web'Hypertext'Application'Technology' Working'Group</title> ''<link'rel="stylesheet"'media="all"'href="/ style/tabbedApages"> ''<link'rel="icon"'href="/images/icon"> '</head> '<body> ''<h1'class="simple"><img'src="/images/logo"' alt="">'Welcome'to'the'WHATWG'community</h1> ''<p'class="byline"><em>Maintaining'and'evolving' HTML'since'2004</em></p>''<p>Want'to'get'involved' and'help'out?'<a'href="http://wiki.whatwg.org/ wiki/What_you_can_do">See'a'list'of'things'for' which'we'need'volunteers</a>'and'jump'in!</p>''<p' class="whatAtoAdo"><a'href="http:// wiki.whatwg.org/wiki/FAQ"><em>FAQ</em>'<span>Get'

  9. HTTP/1.1'200'OK Date:'Tue,'18'Jan'2011'20:00:00'GMT' Server:'Apache' ContentAType:'text/html;'charset=utfA8 LastAModified:'Wed,'08'Sep'2010'06:34:43'GMT' ContentALength:'5447' ContentALanguage:'enAGBAxAHixie' Connection:'close' <!DOCTYPE'HTML> <html>

    '<head> ''<meta'httpAequiv="ContentAType"'content="text/ html;'charset=utfA8"> ''<title>Web'Hypertext'Application'Technology' Working'Group</title> ''<link'rel="stylesheet"'media="all"'href="/ style/tabbedApages"> ''<link'rel="icon"'href="/images/icon"> '</head> '<body> ''<h1'class="simple"><img'src="/images/logo"' alt="">'Welcome'to'the'WHATWG'community</h1> ''<p'class="byline"><em>Maintaining'and'evolving' HTML'since'2004</em></p>''<p>Want'to'get'involved' and'help'out?'<a'href="http://wiki.whatwg.org/ wiki/What_you_can_do">See'a'list'of'things'for' which'we'need'volunteers</a>'and'jump'in!</p>''<p' class="whatAtoAdo"><a'href="http:// wiki.whatwg.org/wiki/FAQ"><em>FAQ</em>'<span>Get'

  10. <meta http-equiv> not even close to equivalent

  11. Force download of a file Open Save Cancel

  12. Content&Disposition:,attachment

  13. Cache&Control:,public,,private, ,must&revalidate,,no&validate,,pre& cache=0,,post&check=0,,max&age=&1 Pragma:,cache Transfer&Description:,download Content&Disposition:,attachment; ,filename*=UTF&8''name Content&Type:,downloadpls/kthxbye X&Pragma:,no&cache Expires:,0

    Content&Transfer&Encoding:,binary Content&Disposition:,attachment

  14. /riaa%20bait/Mot%C3%B6rhead.mp3

  15. Content&Type: image/png flickr.com/photos/ veggietothemax/ 201197734

  16. .htaccess AddType,video/webm,.webm AddType,video/ogg,.ogv /etc/mime.types

  17. HTML = text/html XHTML = application/xhtml+xml

  18. http://lists.w3.org/Archives/Public/www-html/2000Sep/0024.html The HTML WG has discussed this issue: the intention

    was to allow old (HTML-only) browsers to accept XHTML 1.0 documents by following the guidelines, and serving them as text/html. Therefore, documents served as text/html should be treated as HTML and not as XHTML. There should be no sniffing of text/html documents to see if they are really XHTML. Note that there are some semantic differences between HTML documents and XHTML documents: there are specific CSS rules that only apply to HTML (and not XHTML), and the DOM has different effects (for instance, the element names are returned in uppercase for HTML, and lower case for XHTML). Best wishes, Steven Pemberton Chair, W3C HTML WG ” “

  19. Firefox Strict MIME type Safari Strict MIME type Opera Strict

    MIME type Internet Explorer Strict MIME type W3C Validator Sniffs DOCTYPE http://www.w3.org/Bugs/Public/show_bug.cgi?id=1500
  20. None
  21. None
  22. None
  23. None

  24. I reckoned HTML5 was at least partly Hixie’s revenge against

    XHTML served as text/html.

  25. RFC 2616

  26. 2011 * not to scale HTTP

  27. Connection:,close

  28. http://pornel.net/1 http://pornel.net/2 HTTP/1.0'200'OK ContentAType:'text/html <div'xmlns="http://www.w3.org/1999/xhtml"' ' ''''''style="color:green"> <span'style="color:red"/> What'color'is'it? </div>

    HTTP/1.0'200'OK ContentAType:'application/xhtml+xml <div'xmlns="http://www.w3.org/1999/xhtml"' ' ''''''style="color:green"> <span'style="color:red"/> What'color'is'it? </div> What'color'is'it? What'color'is'it?