HTML6你就这样抛弃JavaScript？_Webapp开发_其他开发_移动开发

HTML6你就这样抛弃JavaScript？

2015-06-24 0

核心提示：关于 HTML6 意在实现无 JavaScript 的单页应用，这引起了前端开发社区一片哗然。请深呼吸，然后继续下面内容。

关于 HTML6 意在实现无 JavaScript 的单页应用，这引起了前端开发社区一片哗然。请深呼吸，然后继续下面内容。

W3.org 分享了一个 casual proposal for HTML6 ，这引起了前端社区的激烈争论。来自前 NSA 雇员和创业企业级 Bobby Mozumder 提交了这份建议，声称一个高性能的响应式 Web 体验无需 JavaScript 支持。

Mozumder 写道：新兴的 Web 应用通过 JSON API 加载动态内容，这是单页应用的一个标准设计模式。大多数人采用这种方法是因为它比加载一个完整 HTML 页面要节省很多时间。

这种模式使用那么的广泛，因此 Mozumder 的建议是未来浏览器应该直接提供动态加载内容的功能，而不需要开发者编写任何 JavaScript 代码。

下面是 Mozumder 建议的 HTML 代码：

<DOCTYPE html> 
<HTML LANG=“en”> 
<HEAD> 
<FIXTURES lang=“xml”> 
    <model class=“MyArticleData”> 
        <rsp stat=“ok"> 
            <article label=“one” id=“1"> 
                <headline>"Big News!”</headline> 
                <body>"<p>This is the first article intro.</p><p>This is the second paragraph.</p>"</body> 
            </article> 
            <article label=“two” id=“2"> 
                <headline>"Not so big news"</headline> 
                <body>"<p>This is the <em>second</em> article.</p>"</body> 
            </article> 
        </rsp> 
    </model> 
    <model class=“MyImageData”> 
        <rsp stat=“ok"> 
            <image label="Square" width="75" height="75" source="https://mycontentserver.com/image_s.jpg" id=“3"/> 
            <image label=“Tall" width=“300" height=“200" source="https://mycontentserver.com/image_l.jpg" id=“4"/> 
        </rsp> 
        <rsp stat=“loading"> 
            <image label="Square" width="75" height="75" source="https://mycontentserver.com/loading_image_s.jpg" id=“1"/> 
        </rsp> 
        <rsp stat=“some_error"> 
            <image label="Square" width="75" height="75" source="https://mycontentserver.com/error_image_s.jpg" id=“2"/> 
            <message 
        </rsp> 
    </model> 
</FIXTURES> 
</HEAD> 
<BODY> 
    <MENU class=“controller”> 
        <A href=http://mobile.51cto.com/“http://api.mywebsite.com/api/load-new-article” model=“MyArticleData">Click here to replace the articles with different articles.</A> 
        <A href=http://mobile.51cto.com/“http://api.mywebsite.com/api/load-new-image” model=“MyImageData">Click here to replace the picture with a different picture.</A> 
    </MENU> 
    <MAIN class=“viewer”> 
        <ARTICLE class=“center"> 
            <H1 model=“MyArticleData.rsp.article(label=‘one’).headline” /> 
            <SPAN model="MyArticleData.rsp.article(label=’one’).body” /> 
        </ARTICLE> 
        <ARTICLE class=“sidebar"> 
            <H1 model=“MyArticleData.rsp.article(label=’two’).headline” /> 
            <SPAN model=“MyArticleData.rsp.article(label=’two’).body” /> 
        </ARTICLE> 
        <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”> 
    </MAIN> 
</BODY> 
</HTML>

免责声明：本文仅代表作者个人观点，与乐学笔记（本网）无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
本网站有部分内容均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责，若因作品内容、知识产权、版权和其他问题，请及时提供相关证明等材料并与我们留言联系，本网站将在规定时间内给予删除等相关处理.