HTML6: Are you just going to abandon JavaScript?

HTML6: Are you just going to abandon JavaScript?

There is an uproar in the front-end development community about HTML6's intention to implement single-page applications without JavaScript. Please take a deep breath and continue.

W3.org shared a casual proposal for HTML6, which sparked heated debate in the front-end community. The proposal was submitted by former NSA employee and startup entrepreneur Bobby Mozumder, claiming that a high-performance responsive web experience does not require JavaScript support.

Mozumder writes: New web applications load dynamic content through JSON API, which is a standard design pattern for single-page applications. Most people adopt this approach because it saves a lot of time than loading a complete HTML page.

This mode is so widely used that Mozumder suggests that future browsers should directly provide the function of dynamically loading content without requiring developers to write any JavaScript code.

Here is the HTML code suggested by Mozumder:

  1. <DOCTYPE html>
  2. <HTML LANG="en">
  3. <HEAD>
  4. <FIXTURES lang="xml">
  5. <model class ="MyArticleData">
  6. <rsp stat="ok">
  7. <article label="one" id=" 1 ">
  8. <headline>"Big News!"</headline>
  9. <body> "<p>This is the first article intro.</p><p>This is the second paragraph.</p>" </body>
  10. </article>
  11. <article label="two" id=" 2 ">
  12. <headline> "Not so big news" </headline>
  13. <body> "<p>This is the <em>second</em> article.</p>" </body>
  14. </article>
  15. </rsp>
  16. </model>
  17. <model class ="MyImageData">
  18. <rsp stat="ok">
  19. <image label= "Square" width= "75" height= "75" source= "https://mycontentserver.com/image_s.jpg" id=" 3 "/>
  20. <image label="Tall " width="300" height =" 200 " source=" https://mycontentserver.com/image_l.jpg" id="4"/>  
  21. </rsp>
  22. <rsp stat="loading">
  23. <image label= "Square" width= "75" height= "75" source= "https://mycontentserver.com/loading_image_s.jpg" id=" 1 "/>
  24. </rsp>
  25. <rsp stat="some_error">
  26. <image label= "Square" width= "75" height= "75" source= "https://mycontentserver.com/error_image_s.jpg" id=" 2 "/>
  27. <message
  28. </rsp>
  29. </model>
  30. </FIXTURES>
  31. </HEAD>
  32. <BODY>
  33. <MENU class ="controller">
  34. <A href="http://api.mywebsite.com/api/load-new-article" model="MyArticleData">Click here to replace the articles with different articles.</A>  
  35. <A href="http://api.mywebsite.com/api/load-new-image" model="MyImageData">Click here to replace the picture with a different picture.</A>  
  36. </MENU>
  37. <MAIN class ="viewer">
  38. <ARTICLE class ="center">
  39. <H1 model="MyArticleData.rsp.article(label='one').headline" />
  40. <SPAN model="MyArticleData.rsp.article(label='one').body" />
  41. </ARTICLE>
  42. <ARTICLE class ="sidebar">
  43. <H1 model="MyArticleData.rsp.article(label='two').headline" />
  44. <SPAN model="MyArticleData.rsp.article(label='two').body" />
  45. </ARTICLE>
  46. <IMG src="model:MyImageData.rsp.image(label='Square')#source" width="model:MyImageData.rsp.image(label='Square')#width" height="model:MyImageData.rsp.image(label='Square')#height">
  47. </MAIN>
  48. </BODY>
  49. </HTML>

<<:  Ma Xiaoyu: BaaS was once blown away by the wind and rain, and open source rekindled the dream of mobile IM big connection

>>:  What are the hot topics in mobile development in 2015?

Recommend

In-depth analysis of the paid membership system in the e-commerce industry

Why are you a member of Dismantling the E-commerc...

How to write 100,000+ words in new media operations? Share 2 major methods!

Based on his own experience, the author of this a...

E-commerce operation copywriting skills, how to improve product selling points?

For the current e-commerce platforms such as Tmal...

Is the kelp you eat female, male, or hermaphroditic?

Kelp is a common guest on the dinner tables in co...

Deloitte: Global Healthcare Industry Outlook 2024

Deloitte released the "Global Healthcare Ind...

What is the secret behind TikTok’s explosive user growth?

Think first: How do you measure user growth ? Wha...

17 thoughts on marketing, copywriting, and life!

1. Please accept this marketing trick! Frederick ...

Weilong Spicy Tiao Mobile Game is here!

While many traditional companies are still doing ...