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

"HTML5" Transport Protocol

Kornel Lesiński
September 26, 2011
Technology
3
360

"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
170
Lossy PNG for true-color images (Velocity Conf EU 2014)
kornel
2
860
Modern PNG compressors
kornel
13
1.1k
Handling binary data in JS
kornel
1
370
Mobblestouch — W3C Touch Events and gestures
kornel
2
700
Server-Sent Events
kornel
5
940
Front-end Performance
kornel
5
460

Other Decks in Technology

See All in Technology
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
700
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
7
1.3k
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
470
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.1k
LangSmith入門―トレース／評価／プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
5
670
リテール金融（キャッシュレス・ネット銀行・ネット証券）の競争環境と経済圏
8maki
0
1.5k
Handling focus in 2024
tahia910
0
200
開発パフォーマンスを最大化するための開発体制
ham0215
7
910
Building a RAG-powered AI chat app with Python and VS Code
pamelafox
0
140
いつか使うかも貯金してたらめちゃめちゃ機能が増えてた話
riyaamemiya
0
570
生成AIの変革の時代に、 直近1年で直面した課題とその解決策
ktc_wada
0
510
How to do well in consulting–Balkan Ruby 2024
irinanazarova
0
120

Featured

See All Featured
Six Lessons from altMBA
skipperchong
22
3k
Facilitating Awesome Meetings
lara
43
5.6k
Happy Clients
brianwarren
92
6.4k
[RailsConf 2023] Rails as a piece of cake
palkan
27
4k
A Philosophy of Restraint
colly
197
16k
Automating Front-end Workflow
addyosmani
1357
200k
A better future with KSS
kneath
231
16k
For a Future-Friendly Web
brad_frost
172
9k
GraphQLとの向き合い方2022年版
quramy
33
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k

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?