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

Tik Tok Promotion: How to make money through Tik Tok? Please keep this guide!

1. How to make money from short videos on Douyin ...

How to promote an event without money or resources?

How to run an event without money and resources? ...

Tik Tok monetization methods and its development trends!

For commercial products, monetization is an unavo...

Product Analysis | How does iQiyi perform operations and product optimization?

With the improvement of material level, people ha...

The most comprehensive Zhihu operation and promotion skills!

There is strength in numbers, and more firewood m...

Comparing the pros and cons of Android and iPhone

[[171222]] When we compare Android vs. iPhone, it...

TikTok Promotion: TikTok’s Growth Troubles!

Short videos were already in their infancy in 201...

Tesla pushes 8.0 upgrade, automatic assisted driving function is more reliable

Recently, Tesla has begun to push the 8.0 version...