DIV 是给弱者准备的
来源:易贤网 阅读:1102 次 日期:2015-04-09 14:25:29
温馨提示:易贤网小编为您整理了“DIV 是给弱者准备的”,方便广大网友查阅!

译者注:当我向作者 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技术专栏

更多信息请查看技术文章
易贤网手机网站地址:DIV 是给弱者准备的
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标