譯者注：當我向作者 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 忍者、專家們，以前都沒有執行這種優秀的思想，我們對此感到震驚。盡管采用這種新的編碼方式吧。我們非常肯定，世界上其他人將很快效仿。
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
