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
850
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
170
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
1
510
WACATE2024冬セッション資料（ユーザビリティ）
scarletplover
0
210
MLOps の現場から
asei
7
650
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
re:Invent をおうちで楽しんでみた ～CloudWatch のオブザーバビリティ機能がスゴい！/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
130
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
APIとはなにか
mikanichinose
0
100
組織に自動テストを書く文化を根付かせる戦略（2024冬版） / Building Automated Test Culture 2024 Winter Edition
twada
PRO
17
4.8k
UI State設計とテスト方針
rmakiyama
2
650
ガバメントクラウドのセキュリティ対策事例について
fujisawaryohei
0
560

Featured

See All Featured
Fireside Chat
paigeccino
34
3.1k
Automating Front-end Workflow
addyosmani
1366
200k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Faster Mobile Websites
deanohume
305
30k
For a Future-Friendly Web
brad_frost
175
9.4k
GitHub's CSS Performance
jonrohan
1030
460k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
450
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Bash Introduction
62gerente
608
210k
Thoughts on Productivity
jonyablonski
67
4.4k

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?