更新! 我实际上不再拥有该网站了,但它当时的目标是提供一些小的 HTML 片段,这些片段可以轻松地复制粘贴,既包含 Lorem Ipsum(填充)文本,又使用基本的语义 HTML 来围绕所有内容。
相反,这里有一个从 另一个网站 获取的类似内容的大量信息。
<h1>Didn't melt fairer keepsakes since Fellowship elsewhere.</h1>
<p>Woodlands payment Osgiliath tightening. Barad-dur follow belly comforts tender tough bell? Many that live deserve death. Some that die deserve life. Outwitted teatime grasp defeated before stones reflection corset seen animals Saruman's call?</p>
<h2>Tad survive ensnare joy mistake courtesy Bagshot Row.</h2>
<p>Ligulas step drops both? You shall not pass! Tender respectable success Valar impressive unfriendly bloom scraped? Branch hey-diddle-diddle pony trouble'll sleeping during jump Narsil.</p>
<h3>North valor overflowing sort Iáve mister kingly money?</h3>
<p>Curse you and all the halflings! Deserted anytime Lake-town burned caves balls. Smoked lthilien forbids Thrain?</p>
<ul>
<li>Adamant.</li>
<li>Southfarthing!</li>
<li>Witch-king.</li>
<li>Precious.</li>
<li>Gaffer's!</li>
</ul>
<ul>
<li>Excuse tightening yet survives two cover Undómiel city ablaze.</li>
<li>Keepsakes deeper clouds Buckland position 21 lied bicker fountains ashamed.</li>
<li>Women rippling cold steps rules Thengel finer.</li>
<li>Portents close Havens endured irons hundreds handle refused sister?</li>
<li>Harbor Grubbs fellas riddles afar!</li>
</ul>
<h3>Narsil enjoying shattered bigger leaderless retrieve dreamed dwarf.</h3>
<p>Ravens wonder wanted runs me crawl gaining lots faster! Khazad-dum surprise baby season ranks. I bid you all a very fond farewell.</p>
<ol>
<li>Narsil.</li>
<li>Elros.</li>
<li>Arwen Evenstar.</li>
<li>Maggot's?</li>
<li>Bagginses?</li>
</ol>
<ol>
<li>Concerning Hobbits l golf air fifth bell prolonging camp.</li>
<li>Grond humble rods nearest mangler.</li>
<li>Enormity Lórien merry gravy stayed move.</li>
<li>Diversion almost notion furs between fierce laboring Nazgûl ceaselessly parent.</li>
<li>Agree ruling um wasteland Bagshot Row expect sleep.</li>
</ol>
<h3>Ere answering track forests shards roof!</h3>
<p>Delay freezes Gollum. Let the Ring-bearer decide. Bagshot Row chokes pole pauses immediately orders taught éored musing three-day? Disease rune repel source fire Goblinses already?</p>
<table>
<thead>
<tr>
<th></th>
<th>Dangers</th>
<th>Playing</th>
<th>Window</th>
<th>Meaning</th>
<th>Pace</th>
</tr>
</thead>
<tbody>
<tr>
<td>Current</td>
<td>living</td>
<td>odds</td>
<td>charged</td>
<td>heads</td>
<td>felt</td>
</tr>
<tr>
<td>Inn</td>
<td>climbing</td>
<td>destroying</td>
<td>overhead</td>
<td>roll</td>
<td>mud</td>
</tr>
<tr>
<td>Breath</td>
<td>relevant</td>
<td>éored</td>
<td>hinges</td>
<td>year</td>
<td>signed</td>
</tr>
<tr>
<td>Accept</td>
<td>threads</td>
<td>name</td>
<td>fitted</td>
<td>precious</td>
<td>attacked</td>
</tr>
<tr>
<td>Chief</td>
<td>sails</td>
<td>first-born</td>
<td>pottery</td>
<td>lever</td>
<td>antagonize</td>
</tr>
<tr>
<td>Unoccupied</td>
<td>victorious</td>
<td>means</td>
<td>lovely</td>
<td>humble</td>
<td>force</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>kinsmen</td>
<td>give</td>
<td>walking</td>
<td>thousand</td>
<td>manners</td>
<td>burning</td>
</tr>
</tfoot>
</table>
<h4>Afraid smithy Fellowship debt carven hooks.</h4>
<p>What about second breakfast? Nags runt near Lindir lock discover level? Andûril breathe waited flatten union.</p>
<blockquote>
<p>You shall be the Fellowship of the Ring.</p>
<footer>—Númenor, <cite>sweeter burned verse</cite></footer>
</blockquote>
<h5>Should Shirelings extraordinary spends poison's willing enchantment.</h5>
<p>I think we should get off the road. Penalty sight splintered Misty Mountain mithril? Unrest lasts rode league bears absence Bracegirdle athletic contract nice parent slowed?</p>
<pre>Pardon Concerning Hobbits rune goblins? Twitching figure including rightful Thorin's level! Worth tubers threats Hornburg deadliest? Unfold thumping shh wants Homely!</pre>
<h6>Improve drops absolutely tight deceit potent Treebeard startled!</h6>
<p>J.R.R. Tolkien 3000 uttered veins <q>roaring winds moaning flaming</q>. Meddle <ins>measure pure</ins> Samwise Gamgee business! <sub>Lied</sub> mistake Proudfoots pon. Instance 80 <dfn>morbid ceremonial plunge</dfn> Anor mad. Questions shells hangs noble Proudfoots <var>throws</var>. <mark>Rampart damage</mark> questions Chubbs 3000 conjurer? Single tempt peasants <strong>Bolg Athelas Mordor Wraiths Azog Undómiel</strong> mangler? <samp>Nori Giants Undómiel Rivendell</samp> spike posts took. Fool's Underhill boarded <cite>vanishing twilight unheard-of</cite>. <abbr>Presence</abbr> Dunland lamb lair. Barricade <sup>didn't</sup> feelings purring vine Morgoth. Distract Giants nearing champion <kbd>T</kbd>. Clothing titles quick bother <em>Arod Gloin Beren</em> troop? Balls crashing bastards <small>arrives precisely rascal</small> stubbornness Snowbourn. Hobbitses rose barren <a>strengths tested mirrors moonlight password</a> center? Remade <x-code>free filthy</x-code> breaking respect amuse Arod? Vengeance <del>Elessar Wolves</del> posts remain doorway said! <time>Suspects</time> fight Merry hungers locked yelp.</p>
<hr>
<dl>
<dt>Abandon</dt>
<dd>Tact flies disturber thinking hospitality Elros act vest handy ranks.</dd>
<dt>Devil</dt>
<dd>Boneses spilled Caradhras hungry pace lanterns glory haunted shone forging.</dd>
<dd>Unprotected Beorn's fireworks dream journey beacon dwells gnaws key.</dd>
<dt>Happened</dt>
<dd>Known wanna fifth Bill hell knew she scale.</dd>
<dd>Missing vanish taken colleague sway voice tricks 13 Grimbold.</dd>
<dd>Thereof skills kingsfoil innocent riding light Thorin Oakenshield won.</dd>
</dl>
<form>
<fieldset>
<legend>Blind kitchen</legend>
<div>
<label>Text</label>
<input type="text">
</div>
<div>
<label>Email</label>
<input type="email">
</div>
<div>
<label>Password</label>
<input type="password">
</div>
<div>
<label>Url</label>
<input type="url">
</div>
<div>
<label>Number</label>
<input type="number">
</div>
<div>
<label>Tel</label>
<input type="tel">
</div>
<div>
<label>Search</label>
<input type="search">
</div>
<div>
<label>Time</label>
<input type="time">
</div>
<div>
<label>Date</label>
<input type="date">
</div>
<div>
<label>Datetime-local</label>
<input type="datetime-local">
</div>
<div>
<label>Week</label>
<input type="week">
</div>
<div>
<label>Textarea</label>
<textarea></textarea>
</div>
</fieldset>
<fieldset>
<legend>Chasm mountains mountainside</legend>
<div>
<label>Month</label>
<input type="month">
</div>
<div>
<label><input type="checkbox" name="checkbox">sharp decided</label>
</div>
<div>
<label>Color</label>
<input type="color">
</div>
<div>
<label>File</label>
<input type="file">
</div>
<div>
<label>Hidden</label>
<input type="hidden">
</div>
<div>
<label>Image</label>
<input type="image">
</div>
<div>
<label>bags moment's darkest hastens highest spot</label>
<label><input type="radio" name="radio">sakes is</label>
<label><input type="radio" name="radio">tomb vines</label>
<label><input type="radio" name="radio">tricksy plain</label>
</div>
<div>
<label>Range</label>
<input type="range">
</div>
<div>
<input type="button" value="Button">
</div>
<div>
<input type="reset" value="Reset">
</div>
<div>
<input type="submit" value="Submit">
</div>
<button>works tilled entered</button>
<div>
<label>Select</label>
<select>
<optgroup label="dragon's poring squash">
<option>ending</option>
<option>always</option>
<option>spears</option>
</optgroup>
<optgroup label="suffer night's pain">
<option>diamond</option>
<option>unprotected</option>
<option>consider</option>
</optgroup>
</select>
</div>
</fieldset>
</form>
干得好,兄弟,太棒了。感谢您提供这个资源!
很棒的资源 Chris!我肯定会在未来的开发中使用“厨房水槽”代码,谢谢!
好主意,之前一直在考虑类似的事情。但是,我需要指出这是拉丁语而不是希腊语 ;-)
啊,是的,我的错,已将文章中的内容改为“拉丁语”。
他提前考虑到了有一天会有人对它感到“不知所措”的日子……
好主意!除了它无法在 FF 中复制到剪贴板。如果您想这样做,可以使用 jQuery 和 Flash。
如果它不起作用,那么隐藏它,我认为.. :o)
它在 Fx 中确实有效,并且默认情况下使用 Flash。
http://html-ipsum.com/js/jquery.copy.js
哦,我明白了.. 好吧。这里无法复制 :(
您是 Windows 用户吗?也许这就是问题所在?请告诉我详细信息,我会尝试进行一些测试。
它对我有用。XP SP2,FF3,我不知道 Flash 的版本,可能很旧。
XP Service Pack 3,MF 3
运行良好(顺便说一句,我非常喜欢它)
这是又一次激烈的争论,还是一个新的评论系统?
是的,
Windows Vista Business 64 位,
Firefox 3.0.4,
Flash 10,0,12,36。
Flash 在其他网站上有效。
我使用的是 Vista Ultimate SP1,FF3。当我单击它时,它显示“已复制到剪贴板”,但似乎没有更新剪贴板上的实际内容。
但是,如果我复制它,它可以正常工作。
我想这仅仅意味着我们应该稍微减少懒惰!
感谢您创建这个很棒的网站 Chris!
这也是我的体验。无论如何,我已经将它添加到了我的默认开发资源列表中。感谢您出色的工作。
同样的问题……虽然这不是什么大问题。Vista 64 位,FF3,Flash 10。
很棒的网站,但它也没有复制到我的剪贴板,我使用的是 Windows Vista 64 位上的 FF(我知道 Vista 很糟糕,但这是我唯一有的 :-( )
顺便说一下,感谢您与我们分享它!
Chris,感谢您提供这个!我也开始有点厌倦了在 lorem2 上“查看源代码”,它是我以前最喜欢的 ipsum 网站。
另外,你需要知道你的内裤露出来了。
并没有,我没有把你内裤的照片上传到 flickr。
:) 再次感谢!
我拒绝关心设置背景颜色的事情。每个浏览器都默认设置为白色。如果您是那 0.001% 的想要更改此设置的人之一,那是否意味着您想看到该颜色?更可能的是,您更改它只是为了找到那些没有设置颜色的网站,这样您就可以对着设计师挥舞拳头。
您干得好,我认为它很愚蠢。
这些人可能真的很烦人。请也尊重其他 0.001% 的出于正当理由(主要是视力不好)使用反转高对比度配色方案的人。顺便说一下,问题不在于缺少背景颜色。而是设置了前景而没有设置背景。html-ispum.com 根本没有设置颜色,这确实是许多人喜欢的做法。
感谢您创建了这个很棒的网站 :-)
<!--评论样式-->
.humor {sarcasm: 100%; wit: dimmed; humility: auto;}
Chris,Tim,RatTus——你们是在开玩笑吧?说真的,你们真的没有坐在那里感到愤怒吗?如果是的话,我很抱歉。不,我真的非常抱歉。
<div class="humor">
我当然没有意图冒犯你们任何人的逻辑。我只是评论了 1)他新提供的网站功能有多棒,以及 2)即使是最简单的规则也会被大师们忽略。
但现在看来,我发现了一个更大的鸿沟——那些喜欢学习的人与那些自以为是的人之间的鸿沟。
我似乎也拥有了另外两位导师。我猜我的评论最终还是结出了果实——而不是仅仅乏味而且无意地成为攻击的催化剂。
<div>
向所有人致以最良好的祝愿。感谢 Tim/Rat 提供的两个新源。
Michael
我不想听起来很生气,但这就像这周是第三次有人向我提到这件事并给我链接到 Zeldman 的文章。我只是觉得人们并没有真正想清楚,只是在重复 Zeldman 的话作为金科玉律。他绝对是一位网络英雄,但内裤事件对我来说实在是太荒谬了。
我更喜欢三角裤。
但我不得不赞同你的观点,如果你要玩浏览器背景颜色,那么你可能还会进行很多浏览器设置更改(字体,大小,背景颜色,字体颜色),而许多人并不关心这些。
感谢您创建了这个网站,它让生活更轻松。=) 赞扬您!
它背后的意义到底是什么?我读过 Zeldman 的文章,但我仍然完全不明白。我在这件事上同意 Chris 的观点。
这真的太酷了。也许你可以让它基于用户……
感谢您做这件事,它确实节省了很多时间
很有趣!非常棒,而且巧妙地利用了 jQuery 脚本使其工作 :)
太棒了。
如果复制到剪贴板的消息可以跟随鼠标,这样当我在折叠下方点击一个框时就能看到它,那就太好了……
太棒了。
我已经修复了这个问题,现在“已复制到剪贴板!”消息会向下移动,无论您身在何处都可见。
我刚花了 10 分钟添加到一些 Lipsum 中!感谢您,我不必再这么做了!干杯 :D
太棒了!.. :)..
Chris,网站看起来很棒。谢谢你的整理。顺便说一下,我在 Windows 上使用 Firefox 3,但我无法复制任何内容。消息会弹出并通知我文本已复制,但实际上并没有复制。
这是我一直在使用的,心灵感应。还有一些对我来说很重要的元素。首先,它包含 H1、H2 和 H3 标题。除了 **strong** 和 **p**,我还使用 **em**、**a**、**br**、**hr** 和 **code**。
重要的是,**blockquote** 的第一句话没有开头和结尾的 **p** 标签,这在创建 CSS 时增加了棘手的元素。
<h1>H1 标题</h1>
<h2>H2 副标题</h2>
<h3>H3 副标题</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</p>
<blockquote>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p></blockquote>
<p><strong>Phasellus ultrices</strong> nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
<li>Nunc dignissim risus id metus.</li>
<li>Cras ornare tristique elit.</li>
</ul>
<hr />
<p><em>Phasellus ultrices</em> nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ol>
<p><a href="">Pellentesque fermentum dolor.</a> Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.<br />
Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.</p>
<code>Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida.</code>
这很好,谢谢分享。最初我也有一个没有段落标签的 blockquote,但有人指出那不是有效的。我不想鼓励任何不是有效代码的东西。但是…如果你使用像 WordPress 这样的 CMS,它在多段 blockquote 中完全会这样做(其中第一段没有段落标签,但其余段落有)。
顺便说一下,如果你觉得有用,请随意使用它。这可能是不言而喻的。但我还是说了。
谢谢 Chris,这太棒了!我过去常常因为做希腊文而感到烦恼,但你让它变得如此简单。我昨天发布了你网站的推文,收到了一些很好的反馈。很多人都很喜欢它。干得好,再次感谢。
超级性感,真的很喜欢它。已添加书签。
这是一个很棒的工具,节省了大量时间!
非常感谢 Chris!
我真的很喜欢它的易用性。你只需点击段落,内容就会自动复制。无需按额外的键。真的印象深刻!
很棒,我会经常使用它,建议:添加一些没有 html 的段落…用于 PSD 设计,这样我就不必去其他网站或删除 html 标签了 :)
也许可以将网站分成两个选项卡,html 版本和非 html 版本。虽然网站的名字是 HTML Ipsum…
我在 Mac Leopard 上使用 Safari 3.2,并且还尝试了 Mac 上的 Firefox v3。复制到剪贴板对我不起作用。
太棒了!谢谢!
我试图弄清楚导致复制功能不起作用的魔法组合是什么。到目前为止,我的所有测试都是正面的
操作系统:OS X 10.5.5
浏览器:Firefox 3、Safari 4、Opera 9.61
Flash 版本:9.0
结果:全部有效
-=-=-=-=-
操作系统:Windows XP(SP 2)
浏览器:IE 7
Flash 版本:10
结果:有效
-=-=-=-=-
如果其他人想加入,所有这些变量都很好。
操作系统:Ubuntu Hardy Heron 8.04(GNOME),
浏览器:Firefox 3.0.4,
Flash 9.0 r124,
结果:运行良好!
操作系统:Windows Vista Home Premium,
浏览器:Firefox 3.0.4、Safari 3.1.2、IE 7、IE 6(使用 IETester)
Flash 9.0 r124,
结果:运行良好!
顺便说一句,干得好。
继续努力。
操作系统:Windows Vista Ultimate 32 位 SP1
浏览器:Firefox 3.0.4
Flash 版本:10(我认为…我怎么查看?)
结果:不起作用
您好 Chris,
我不知道你是否已经找到了问题所在。
Flash 10 众所周知会禁用 javascript 交互。
请阅读
http://ajaxian.com/archives/flash-10-and-the-bad-news-for-javascript-interaction
希望对您有所帮助。
很有趣。所以问题肯定是 Flash 的版本。我的 Windows 安装显示的是版本 10,但它却能正常工作,所以这很奇怪。这远远超出了我的开发能力,但如果将来找到了解决方案,我很乐意实施它。
恭喜,很棒的网站。它肯定能派上用场。谢谢。
很棒的想法!使用 Firefox 的优秀 Scrapbook 插件,即使离线也可以使用它。谢谢 Chris。
Chris,好主意!:)
你认为提供一个 API 会怎么样?
我认为这将很有用…
老兄,太酷了。谢谢你的工具,它非常有用。我也很喜欢新的 WordPress 评论。
太棒了,谢谢!我也想要这样的东西很久了。真是个新颖的想法,去创建它,并让其他人使用它!;-)
非常酷 Chris,我今天在两个项目中使用了它两次,就像 Max 所说的那样,一个非 html 版本也会很不错
是的 - 保持书签,我计划很快发布一些小的但很酷的改进!
在 Firefox 3 中不起作用(至少对我来说是這樣)
使用 Windows Vista SP1
在我的电脑上不起作用
Chrome 0.4
Firefox 3
Safari 3.1.2
在我的电脑上有效
Opera 9.6
在我的 XP Pro 上,Firefox 3 运行正常。
我的意思是 Vista SP1。
我把它做成了一个 TextMate Bundle。
从这里获取.
所有代码片段的 tab 触发器都是 ipsum→
也包含 Haml 版本,适用于你们 Ruby 同好。
太棒了。感谢你的付出,Mikkel!
不错,但需要稍微调整一下。
最好能有一些选项,例如,我需要一个包含 8 个简短元素的列表。
或者给我一系列简短的段落,等等。
除此之外,想法很棒。
很棒的 Chris,感谢你把这个整理出来,比我之前使用的网站有了巨大的改进。简单易用。期待看到你未来还有什么计划。
不错的网站!它会很有用。
确实是个好主意!
一个小提示:ipsum 在拉丁语中意为本身。(我现在正在学拉丁语,刚学到这个词。)
Lorem ipsum 通常是随机的拉丁词语和胡言乱语的组合。
非常棒,非常有用,一如既往的 Chris。继续努力。
另外,在下载部分,当我尝试下载 Photo Revealer 时,它给了我 404 错误 :/
你能重新上传吗?我猜文件丢失了,因为其他下载都正常工作。
应该已经修复了。
确实如此。谢谢。
网站更新了 Coda Clips 和 TextMate 捆绑包。
非常感谢 Mikkel Malmberg 和 Toby Pitman!
真的很喜欢 Coda Clips 功能。不错的设计。
好吧,星期天早上,坐在那里看橄榄球,做一些手工编码,相当普通的一天,然后 HTMLIPSUM 出现在我的 RSS 阅读器中。
今天可以加 1 分。
非常喜欢一键复制到剪贴板的功能!
列布局的想法很棒!
谢谢!
干得好,Chris!很高兴看到我的评论(来自上次的 Interesting Links 文章)对目前比我更有资源的人有所启发。已将网站收藏,并将在以后使用它。
此外!如果你能添加一个标准的表格标记,那就太好了。为每个项目编写新的表格太无聊了。
对于超快的表格标记,我始终使用这个工具
http://www.askthecssguy.com/kotatsu/index.html
复制功能在 XP 上的 Opera 9.62 中不起作用。
感谢 chris,自从你开始做这个以来,我一直在疯狂地使用这个网站来处理我的 .PSD 设计 :)
非常感谢!这非常适合填充到那些新开发的模型中,以与客户分享,我喜欢你在这里有标签。你让我们的生活轻松了很多。:-)
出色的作品!我将来一定会使用它!
Hey Chris,
我真的很喜欢这个简单但实用的工具。我已经收藏了这个网站,我肯定会在我未来的项目中使用它。
我很好奇,你是否愿意开源代码,以便我们可以使用相同的复制到剪贴板的概念构建其他工具。
如果你上传到 github,我肯定愿意给你一些链接。因为它是完全的客户端代码,我想我可以用简单的 command+U 技巧获得它,但我更想获得你的许可。
再次感谢!
随意使用代码,但不要完全复制并发布到其他地方。
不过要小心剪贴板功能,很多人报告说它不起作用(这是一个 Flash 问题)。我正在考虑取消该功能。
好的,谢谢。
太棒了!
他又做到了!
嘿,我在运行 10.5.5 的 iMac 上使用的是 Firefox 3.5,复制到剪贴板不起作用?
除此之外,网站很酷。
嘿,我刚安装了 Flash,现在它可以正常工作了!
不要取消该功能,它非常有用,也许只需要提醒一下需要安装 Flash。
感谢你提供的所有资源。棒极了。
Andy。
这是我见过的最有用的 ipsum 网站。感谢 Chris!