51 lines
1.2 KiB
Markdown
51 lines
1.2 KiB
Markdown
|
---
|
|||
|
|
id: bad87fee1348bd9aedf08833
|
|||
|
|
title: 用佔位符文本填充空白
|
|||
|
|
challengeType: 0
|
|||
|
|
videoUrl: 'https://scrimba.com/p/pVMPUv/cgR7Dc7'
|
|||
|
|
forumTopicId: 18178
|
|||
|
|
dashedName: fill-in-the-blank-with-placeholder-text
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# --description--
|
|||
|
|
|
|||
|
|
Web 開發者通常用 <dfn>lorem ipsum text</dfn> 來做佔位符。 lorem ipsum text 是從古羅馬西塞羅的一段著名經文中隨機抽取的。
|
|||
|
|
|
|||
|
|
Lorem ipsum text 自 16 世紀以來就在排版中被用作佔位符，這一習慣也在 Web 開發中得以延續。
|
|||
|
|
|
|||
|
|
五個世紀已經很久遠了。 因爲我們正在構建一個 CatPhotoApp，所以我們使用 “kitty ipsum” 文本。
|
|||
|
|
|
|||
|
|
# --instructions--
|
|||
|
|
|
|||
|
|
`p` 元素的內容文本應包含 `Kitty ipsum`。
|
|||
|
|
|
|||
|
|
# --hints--
|
|||
|
|
|
|||
|
|
你的 `p` 元素應包含 “kitty ipsum” 文本的前面幾個詞。
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
assert.isTrue(/Kitty(\s)+ipsum/gi.test($('p').text()));
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# --seed--
|
|||
|
|
|
|||
|
|
## --seed-contents--
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
<h1>Hello World</h1>
|
|||
|
|
|
|||
|
|
<h2>CatPhotoApp</h2>
|
|||
|
|
|
|||
|
|
<p>Hello Paragraph</p>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# --solutions--
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
<h1>Hello World</h1>
|
|||
|
|
|
|||
|
|
<h2>CatPhotoApp</h2>
|
|||
|
|
|
|||
|
|
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff</p>
|
|||
|
|
```
|