jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-05 14:00:41 -05:00
Code Issues Projects Releases Wiki Activity

chore: audit semantic HTML (#57618)

Browse Source 
Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
This commit is contained in:
Zaira
2024-12-21 15:31:08 +05:00
committed by GitHub
parent 77f0481e0a
commit 76b7dceae1
4 changed files with 23 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
View File

@@ -50,35 +50,35 @@ Think about an element that primarily affects text style to highlight when part
## --text--
Which HTML element is used to emphasize important text?
When should you use CSS instead of the `i` or `em` elements?
## --answers--
`em`
When the text has a special purpose or meaning in the paragraph.
### --feedback--
Think about a semantic HTML element that highlights important content.
Consider the scenario where the styling is purely visual without any semantic meaning.
---
`strong`
When you want to display text in italics for presentational purposes only.
---
`i`
When the text is an idiomatic expression.
### --feedback--
Think about a semantic HTML element that highlights important content.
Consider the scenario where the styling is purely visual without any semantic meaning.
---
`mark`
When the text needs to be emphasized for importance.
### --feedback--
Think about a semantic HTML element that highlights important content.
Consider the scenario where the styling is purely visual without any semantic meaning.
## --video-solution--

24
curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
View File

@@ -50,39 +50,39 @@ Analyze the two types of quotation elements. Think about which one displays the
## --text--
Which HTML element is used for displaying inline quotations?
What is the purpose of the `cite` element in HTML?
## --answers--
`q`
---
`blockquote`
To display inline quotations.
### --feedback--
Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
Consider how the `cite` element is used in relation to creative works like books, articles, or films.
---
`cite`
To specify the source URL of a quotation.
### --feedback--
Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
Consider how the `cite` element is used in relation to creative works like books, articles, or films.
---
`p`
To mark up the title of a referenced creative work.
---
To display extended quotations.
### --feedback--
Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
Consider how the `cite` element is used in relation to creative works like books, articles, or films.
## --video-solution--
1
3
## --text--

2
curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
View File

@@ -50,7 +50,7 @@ Think about an element that is specifically designed for shortened words.
## --text--
What is the primary purpose of the ``abbr` element?
What is the primary purpose of the `abbr` element?
## --answers--

3
curriculum/challenges/english/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
View File

@@ -33,12 +33,13 @@ Review the concepts below to prepare for the upcoming quiz.
- **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
- **Contact Address (`address`) element**: used to represent the contact information.
- **(Date) Time (`time`) element**: used to represent a date and/or time. The `datetime` attribute is used to translate dates and times into a machine-readable format.
- **ISO 8601 Date (`datetime`) attribute**: used to represent dates and times in a machine-readable format. The standard format is `YYYY-MM-DDThh:mm:ss`.
- **Superscript (`sup`) element**: used to represent superscript text.
- **Subscript (`sub`) element**: used to represent subscript text.
- **Inline Code (`code`) element**: used to represent a fragment of computer code.
- **Preformatted Text (`pre`) element**: represents preformatted text
- **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
- **Ruby Annotation (`ruby`) element**: used for annotating text with pronunciation or meaning explanations. An example usage is for East Asian typography.
- **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
# --assignment--