DIV是給弱者準備的

jopen 9年前發布 | 24K 次閱讀 DIV

英文原文：Div is for the weak

譯者注：當我向作者 Tim Sluis 征詢翻譯許可時，他的答復里提到了“你注意到了這是個玩笑的事實，對吧？”。

我們非常高興地宣布，我們，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 忍者、專家們，以前都沒有執行這種優秀的思想，我們對此感到震驚。盡管采用這種新的編碼方式吧。我們非常肯定，世界上其他人將很快效仿。

— END —

譯文： 《DIV 是給弱者準備的 》 臘八粥

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
  本文地址：http://www.baiduhome.net/news/view/9671e0