Task1 풀이
<body>
<h1>Advanced HTML Animals</h1>
<dl>
<dt>Llama</dt>
<dd>
Tall, wooly quadruped, pointy ears. Sometimes rideable,
but grumpy and spits a lot. Big fan of list items.
</dd>
<dt>Anaconda</dt>
<dd>
A very large constrictor snake; travels rapidly by way of anchors to sneak up on his prey.
</dd>
<dt>Hippopotamus</dt>
<dd>His description is bottomless.</dd>
</dl>
</body>
Task2 풀이
<body>
<h1>Advanced text semantics</h1>
<p>
Let's start with a quote:
</p>
<blockquote cite="https://developer.mozilla.org/en-US/docs/Learn/Accessibility">
<p>
By default, <abbr title="Hypertext Markup Language">HTML</abbr>
is accessible, if used correctly.
</p>
</blockquote>
<p>
<abbr title="Cascading Style Sheets">CSS</abbr>
can also be used to make web pages more, or less, accessible.
</p>
<p>
Chemical Formulae: H<sub>2</sub>O (Water),
C<sub>2</sub>H<sub>6</sub>O (Ethanol).
</p>
<p>
Dates: <time datetime="2019-12-25">December 25<sup>th</sup> 2019</time> (Christmas Day),
<time datetime="2019-11-02">November 2<sup>nd</sup> 2019</time> <span lang="es">(Día de los Muertos)</span>.
</p>
</body>
도움 받은 곳
https://discourse.mozilla.org/t/assessment-wanted-for-advanced-html-text-1-and-2-skill-test/84269
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang
깨달은 것
1. 파일에서 쓰인 주된 언어와 다른 언어를 쓸 경우, 요소로 묶어서 lang 속성 부여하기
2. span과 div는 의미가 없는 요소이기 때문에 사용 자제하기
3. <i> : 외래어, 분류학적 명칭, 전문 용어, 생각 등 전통적으로 기울임꼴로 전달되는 의미를 전달하는 데 사용된다. (MDN)
'HTML > MDN 평가' 카테고리의 다른 글
| MDN - Mozilla splash page (0) | 2022.10.15 |
|---|---|
| MDN - Multimedia and embedding (0) | 2022.10.13 |
| MDN - Media/embedding (0) | 2022.10.12 |
| MDN - Marking up a letter (0) | 2022.10.12 |
| MDN - Structuring a page of content (0) | 2022.10.12 |