Skip to content

Commit 9f7e7e9

Browse files
Josh-Cenabsmth
Josh-Cena
and
bsmth
authored
HTML conformance/style fixes (mdn#41754)
* HTML conformance/style fixes * Update index.md Co-authored-by: Brian Smith <brian@smith.berlin> * Update files/en-us/web/api/htmlsourceelement/sizes/index.md --------- Co-authored-by: Brian Smith <brian@smith.berlin>
1 parent 8613652 commit 9f7e7e9

File tree

54 files changed

+242
-190
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+242
-190
lines changed

‎files/en-us/learn_web_development/core/css_layout/fundamental_layout_comprehension/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ We are going to get you to solve this challenge in your local development enviro
1818
2. Inside the folder, create an `index.html` file and paste the following content into it:
1919

2020
```html
21-
<!DOCTYPE html>
21+
<!doctype html>
2222
<html lang="en-US">
2323
<head>
2424
<meta charset="utf-8" />

‎files/en-us/learn_web_development/core/css_layout/mobile-first_challenge/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ We are going to get you to solve this challenge in your local development enviro
1717
2. Inside the folder, create an `index.html` file and paste the following content into it:
1818

1919
```html
20-
<!DOCTYPE html>
20+
<!doctype html>
2121
<html lang="en-US">
2222
<head>
2323
<meta charset="utf-8" />

‎files/en-us/learn_web_development/core/frameworks_libraries/ember_structure_componentization/index.md‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,8 @@ It doesn't take too much effort to get our HTML looking like a fully-featured to
104104
<button
105105
type="button"
106106
class="destroy"
107-
title="Remove this todo"></button>
107+
title="Remove this todo"
108+
aria-label="Remove this todo"></button>
108109
</div>
109110

110111
<input autofocus class="edit" value="Todo Text" />
@@ -120,7 +121,8 @@ It doesn't take too much effort to get our HTML looking like a fully-featured to
120121
<button
121122
type="button"
122123
class="destroy"
123-
title="Remove this todo"></button>
124+
title="Remove this todo"
125+
aria-label="Remove this todo"></button>
124126
</div>
125127

126128
<input autofocus class="edit" value="Todo Text" />
@@ -254,7 +256,11 @@ Now that we have all of our component structure files, we can cut and paste the
254256
class="toggle"
255257
type="checkbox" />
256258
<label>Buy Movie Tickets</label>
257-
<button type="button" class="destroy" title="Remove this todo"></button>
259+
<button
260+
type="button"
261+
class="destroy"
262+
title="Remove this todo"
263+
aria-label="Remove this todo"></button>
258264
</div>
259265

260266
<input autofocus class="edit" value="Todo Text" />

‎files/en-us/learn_web_development/core/frameworks_libraries/react_todo_list_beginning/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -211,7 +211,7 @@ The class `visually-hidden` has no effect yet, because we have not included any
211211
212212
Further down, you can find our [`<ul>`](/en-US/docs/Web/HTML/Reference/Elements/ul) element:
213213
214-
```html
214+
```jsx
215215
<ul
216216
role="list"
217217
className="todo-list stack-large stack-exception"

‎files/en-us/learn_web_development/core/structuring_content/basic_html_syntax/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -283,7 +283,7 @@ Here we have:
283283
1. `<!doctype html>`: The doctype. When HTML was young (1991-1992), doctypes were meant to act as links to a set of rules that the HTML page had to follow to be considered good HTML. Doctypes used to look something like this:
284284

285285
```html
286-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
286+
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
287287
```
288288

289289
More recently, the doctype is a historical artifact that needs to be included for everything else to work right. `<!doctype html>` is the shortest string of characters that counts as a valid doctype. That is all you need to know!

‎files/en-us/learn_web_development/core/text_styling/typesetting_a_homepage/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ You'll solve this challenge on your local development environment; ideally, you'
1818
2. Inside the folder, create an `index.html` file and paste the following content into it:
1919

2020
```html
21-
<!DOCTYPE html>
21+
<!doctype html>
2222
<html lang="en-US">
2323
<head>
2424
<meta charset="utf-8" />

‎files/en-us/learn_web_development/extensions/client-side_apis/video_and_audio_apis/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ Our finished example will look (and function) something like the following:
101101
<button class="stop" data-icon="S" aria-label="stop"></button>
102102
<div class="timer">
103103
<div></div>
104-
<span aria-label="timer">00:00</span>
104+
<span>00:00</span>
105105
</div>
106106
<button class="rwd" data-icon="B" aria-label="rewind"></button>
107107
<button class="fwd" data-icon="F" aria-label="fast forward"></button>
@@ -399,7 +399,7 @@ To get started with this example, follow these steps:
399399
<button class="stop" data-icon="S" aria-label="stop"></button>
400400
<div class="timer">
401401
<div></div>
402-
<span aria-label="timer">00:00</span>
402+
<span>00:00</span>
403403
</div>
404404
<button class="rwd" data-icon="B" aria-label="rewind"></button>
405405
<button class="fwd" data-icon="F" aria-label="fast forward"></button>

‎files/en-us/learn_web_development/howto/solve_css_problems/css_faq/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,19 +28,19 @@ The standard `doctype` declaration that will trigger standards mode is:
2828
When at all possible, you should just use the above doctype. There are other valid legacy doctypes that will trigger Standards or Almost Standards mode:
2929

3030
```html
31-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
31+
<!doctype html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3232
```
3333

3434
```html
35-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
35+
<!doctype html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3636
```
3737

3838
```html
39-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
39+
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4040
```
4141

4242
```html
43-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
43+
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4444
```
4545

4646
## Why doesn't my CSS, which is valid, render at all?

‎files/en-us/mdn/kitchensink/index.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -358,9 +358,7 @@ if (5 < 30 && 55 > 20 && 5 < 20 && 55 > 10) {
358358
Move the rectangle with arrow keys. Green means collision, blue means no
359359
collision.
360360
</p>
361-
<script
362-
type="text/javascript"
363-
src="https://cdnjs.cloudflare.com/ajax/libs/crafty/0.5.4/crafty-min.js"></script>
361+
<script src="https://cdnjs.cloudflare.com/ajax/libs/crafty/0.5.4/crafty-min.js"></script>
364362
```
365363

366364
```js

‎files/en-us/mozilla/add-ons/webextensions/user_interface/browser_styles/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -190,15 +190,15 @@ The [legacy Firefox Style Guide](https://firefoxux.github.io/StyleGuide/#/naviga
190190
&#x3C;div class="panel-formElements-item">
191191
&#x3C;label for="picker01">Label:&#x3C;/label>
192192
&#x3C;select id="picker01">
193-
&#x3C;option value="value1" selected="true">Dropdown&#x3C;/option>
193+
&#x3C;option value="value1" selected>Dropdown&#x3C;/option>
194194
&#x3C;option value="value2">List Item&#x3C;/option>
195195
&#x3C;option value="value3">List Item&#x3C;/option>
196196
&#x3C;/select>
197197
&#x3C;/div>
198198
&#x3C;div class="panel-formElements-item">
199199
&#x3C;label for="placeholder01">Label:&#x3C;/label>
200200
&#x3C;input type="text" placeholder="Placeholder" id="placeholder01" />
201-
&#x3C;button name="expander" class="expander">&#x3C;/button>
201+
&#x3C;button name="expander" class="expander" aria-label="Expand">&#x3C;/button>
202202
&#x3C;/div>
203203
&#x3C;/div></pre
204204
>

0 commit comments

Comments
 (0)