DIV 是给弱者准备的

　　我们非常高兴地宣布，我们，Studio Wolf 的狼群中队，将要在前端 web 开发中设定一种新趋势。我们是第一家在代码里完全转向列表元素的公司，专门使用<ul>和<li>，不再使用<div>、<h1>、<p>等元素。

 <ul>    <li>Hello world!</li> </ul>

　　为什么？原因很简单：

老实讲，网页除了列表嵌套列表，就没有什么了；
我们有 css 和 class。它们按你想要的方式为每个列表项设置样式。不需要额外的标签；
Google 钟情于列表；
真的太简单了。

　　让我们向你展示一个不错的清晰例子：

 <!doctype html> <html lang="en">       <head>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1">           <title>We love UL</title>         <meta name="description" content="">         <meta name="author" content="">     </head>       <body>           <ul class="wrappers">               <li>                 <ul class="containers">                     <li>                         <ul class="grid">                             <li class="navigation">                                 <ul class="items">                                     <li href="#">Home</li>                                     <li href="#">Products</li>                                     <li href="#">About us</li>                                     <li href="#">Contact</li>                                 </ul>                             </li>                               <li class="header">                                 <ul class="slides">                                     <li>We love lists.</li>                                     <li>W3C is shitty.</li>                                     <li>Div is for the weak.</li>                                 </ul>                             </li>                         </ul>                     </li>                 </ul>             </li>               <li>                 <ul class="containers">                     <li>                         <ul class="grid">                               <li class="aside">                                   <ul class="content">                                     <li class="h2">This is my sidebar.</li>                                     <li class="p">Aliquam et rutrum tortor, nec pellentesque massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec bibendum dui dui, in feugiat nibh posuere ut. Phasellus vel imperdiet sapien.</li>                                 </ul>                               </li>                               <li class="article">                                   <ul class="content">                                     <li class="h2">This is my content.</li>                                     <li class="p">Aliquam et rutrum tortor, nec pellentesque massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec bibendum dui dui, in feugiat nibh posuere ut. Phasellus vel imperdiet sapien.</li>                                 </ul>                             </li>                           </ul>                     </li>                 </ul>             </li>           </ul>       </body>   </html>

　　web 大拿、web 忍者、专家们，以前都没有执行这种优秀的思想，我们对此感到震惊。尽管采用这种新的编码方式吧。我们非常肯定，世界上其他人将很快效仿。

　　原文地址：http://www.studiowolf.com/blog/div-is-for-the-weak/ 作者：https://twitter.com/TimSluis

欢迎大家阅读《DIV 是给弱者准备的》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：DIV 是给弱者准备的

Hi，您需要填写昵称和邮箱！