DIV 是給弱者準(zhǔn)備的
來源:易賢網(wǎng) 閱讀:1106 次 日期:2015-04-09 14:25:29
溫馨提示:易賢網(wǎng)小編為您整理了“DIV 是給弱者準(zhǔn)備的”,方便廣大網(wǎng)友查閱!

譯者注:當(dāng)我向作者 Tim Sluis 征詢翻譯許可時(shí),他的答復(fù)里提到了“你注意到了這是個(gè)玩笑的事實(shí),對(duì)吧?”。

我們非常高興地宣布,我們,Studio Wolf 的狼群中隊(duì),將要在前端 web 開發(fā)中設(shè)定一種新趨勢(shì)。我們是第一家在代碼里完全轉(zhuǎn)向列表元素的公司,專門使用<ul>和<li>,不再使用<div>、<h1>、<p>等元素。

<ul>

<li>Hello world!</li>

</ul>

為什么?原因很簡單:

老實(shí)講,網(wǎng)頁除了列表嵌套列表,就沒有什么了;

我們有 CSS 和 class。它們按你想要的方式為每個(gè)列表項(xiàng)設(shè)置樣式。不需要額外的標(biāo)簽;

Google 鐘情于列表;

真的太簡單了。

讓我們向你展示一個(gè)不錯(cuò)的清晰例子:

<!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 忍者、專家們,以前都沒有執(zhí)行這種優(yōu)秀的思想,我們對(duì)此感到震驚。盡管采用這種新的編碼方式吧。我們非??隙?,世界上其他人將很快效仿。

更多信息請(qǐng)查看IT技術(shù)專欄

更多信息請(qǐng)查看技術(shù)文章
易賢網(wǎng)手機(jī)網(wǎng)站地址:DIV 是給弱者準(zhǔn)備的
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)