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
新卒1年目が挑む！生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
160
APIテスト自動化の勘所
yokawasa
7
4.1k
GitHub Universe: Evaluating RAG apps in GitHub Actions
pamelafox
0
170
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
160
CyberAgent 生成AI Deep Dive with Amazon Web Services / genai-aws
cyberagentdevelopers
PRO
1
480
[AWS JAPAN 生成AIハッカソン] Dialog の紹介
yoshimi0227
0
150
Forget efficiency – Become more productive without the stress
ufried
0
120
ガバメントクラウド単独利用方式におけるIaC活用
techniczna
3
270
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
IaC運用を楽にするためにCDK Pipelinesを導入したけど、思い通りにいかなかった話
smt7174
1
110
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
5
350
Automated Promptingを目指すその前に / Before we can aim for Automated Prompting
rkaga
0
110

Featured

See All Featured
Code Review Best Practice
trishagee
64
17k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Adopting Sorbet at Scale
ufuk
73
9k
Designing Experiences People Love
moore
138
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
14
1.9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.9k
Practical Orchestrator
shlominoach
186
10k

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?