Skip to content

Commit 83f3cc9

Browse files
fantasaifantasai
committed
[css-grid] Revert Tab's <img> to <amg> conversion...
1 parent 2006311 commit 83f3cc9

2 files changed

Lines changed: 42 additions & 42 deletions

File tree

‎css-grid/Overview.html‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
</a></p>
4343
<h1 class="p-name no-ref" id=title>CSS Grid Layout Module Level 1</h1>
4444
<h2 class="no-num no-toc no-ref" id=subtitle><span class=content>Editor's Draft,
45-
<span class=dt-updated><span class=value-title title=20130819>19 August 2013</span></span></span></h2>
45+
<span class=dt-updated><span class=value-title title=20130822>22 August 2013</span></span></span></h2>
4646
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-grid/>http://dev.w3.org/csswg/css-grid/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-grid-layout/>http://www.w3.org/TR/css3-grid-layout/</a><dt>Editor's Draft:<dd><a href=http://dev.w3.org/csswg/css-grid/>http://dev.w3.org/csswg/css-grid/</a>
4747
<dt>Feedback:</dt>
4848
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-grid%5D%20feedback">www-style@w3.org</a>
@@ -186,9 +186,9 @@ <h3 data-level=1.1 id=background><span class=secno>1.1 </span><span class=conten
186186
Background and Motivation</span><a class=section-link href=#background>§</a></h3>
187187

188188
<div class=sidefigure>
189-
<amg alt="Image: Application layout example requiring horizontal and vertical alignment." class=figure src=images/basic-form.png>
189+
<img alt="Image: Application layout example requiring horizontal and vertical alignment." class=figure src=images/basic-form.png>
190190
<p class=caption>Application layout example requiring horizontal and vertical alignment.
191-
</amg></div>
191+
</div>
192192

193193
<p>
194194
As websites evolved from simple documents into complex, interactive applications,
@@ -214,17 +214,17 @@ <h3 data-level=1.2 id=adapting-to-available-space><span class=secno>1.2 </span><
214214

215215
<div class=sidefigure>
216216
<p>
217-
<amg alt="Image: Five grid items arranged according to content size and available space." src=images/game-smaller.png>
217+
<img alt="Image: Five grid items arranged according to content size and available space." src=images/game-smaller.png>
218218

219-
</amg><p class=caption>
219+
<p class=caption>
220220
Five grid items arranged according to content size and available space.
221221
</div>
222222

223223
<div class=sidefigure>
224224
<p>
225-
<amg alt="Image: Growth in the grid due to an increase in available space." src=images/game-larger.png>
225+
<img alt="Image: Growth in the grid due to an increase in available space." src=images/game-larger.png>
226226

227-
</amg><p class=caption>
227+
<p class=caption>
228228
Growth in the grid due to an increase in available space.
229229
</div>
230230

@@ -303,16 +303,16 @@ <h3 data-level=1.3 id=source-independence><span class=secno>1.3 </span><span cla
303303

304304
<div class=sidefigure>
305305
<p>
306-
<amg alt="Image: An arrangement suitable for portrait orientation." src=images/game-portrait.png>
306+
<img alt="Image: An arrangement suitable for portrait orientation." src=images/game-portrait.png>
307307

308-
</amg><p class=caption>An arrangement suitable for <span class=css data-link-type=maybe>portrait</span> orientation.
308+
<p class=caption>An arrangement suitable for <span class=css data-link-type=maybe>portrait</span> orientation.
309309
</div>
310310

311311
<div class=sidefigure>
312312
<p>
313-
<amg alt="Image: An arrangement suitable for landscape orientation." src=images/game-landscape.png>
313+
<img alt="Image: An arrangement suitable for landscape orientation." src=images/game-landscape.png>
314314

315-
</amg><p class=caption>An arrangement suitable for <span class=css data-link-type=maybe>landscape</span> orientation.
315+
<p class=caption>An arrangement suitable for <span class=css data-link-type=maybe>landscape</span> orientation.
316316
</div>
317317

318318
<p>
@@ -390,9 +390,9 @@ <h3 data-level=1.4 id=grid-layering><span class=secno>1.4 </span><span class=con
390390

391391
<div class=sidefigure>
392392
<p>
393-
<amg alt="Image: A control composed of layered HTML elements." src=images/control-layering-and-alignment.png>
393+
<img alt="Image: A control composed of layered HTML elements." src=images/control-layering-and-alignment.png>
394394

395-
</amg><p class=caption>A control composed of layered HTML elements.
395+
<p class=caption>A control composed of layered HTML elements.
396396
</div>
397397

398398
<p>
@@ -485,15 +485,15 @@ <h2 data-level=2 id=grid-concepts><span class=secno>2 </span><span class=content
485485

486486
<!--
487487
<div class="figure">
488-
<amg class="figure" alt="Image: A diagram illustrating the relationship between the Grid Element and its Tracks, Lines, Areas and Items." src="images/grid-concepts.png" />
488+
<img class="figure" alt="Image: A diagram illustrating the relationship between the Grid Element and its Tracks, Lines, Areas and Items." src="images/grid-concepts.png" />
489489
<p class="caption">A diagram illustrating the relationship between the <a>grid container</a> and its tracks, lines, areas and items.
490490
</div>
491491
-->
492492

493493
<div class=figure>
494-
<amg alt="Image: Grid Lines." class=figure src=images/grid-lines.png>
494+
<img alt="Image: Grid Lines." class=figure src=images/grid-lines.png>
495495
<p class=caption>Grid lines: Three in the block axis and four in the inline axis.
496-
</amg></div>
496+
</div>
497497

498498
<h3 data-level=2.1 id=grid-track-concept><span class=secno>2.1 </span><span class=content>
499499
Grid Tracks and Cells</span><a class=section-link href=#grid-track-concept>§</a></h3>
@@ -640,7 +640,7 @@ <h3 data-level=3.1 id=grid-containers><span class=secno>3.1 </span><span class=c
640640
and the grid container's margins do not collapse with the margins of its contents.
641641
<a href=#grid-container>Grid containers</a> form a containing block for their contents
642642
<a href=http://www.w3.org/TR/CSS21/visudet.html#containing-block-details>exactly like block containers do</a>. <a data-biblio-type=normative data-link-type=biblio href=#css21 title=CSS21>[CSS21]</a>
643-
The <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-overflow-3/#overflow title=overflow>overflow</a> property applies to <a href=#grid-container>grid containers</a>.
643+
The <a class=property data-link-type=propdesc href=http://www.w3.org/TR/SVG/masking.html#OverflowProperty title=overflow>overflow</a> property applies to <a href=#grid-container>grid containers</a>.
644644

645645

646646
<p>
@@ -985,9 +985,9 @@ <h4 data-level=5.1.1 id=named-lines><span class=secno>5.1.1 </span><span class=c
985985
}
986986
&lt;/style&gt;</pre>
987987
<div class=figure>
988-
<amg alt="Image: Named Grid Lines." class=figure src=images/grid-named-lines.png>
988+
<img alt="Image: Named Grid Lines." class=figure src=images/grid-named-lines.png>
989989
<p class=caption>Named Grid Lines.
990-
</amg></div>
990+
</div>
991991
</div>
992992

993993

@@ -1054,7 +1054,7 @@ <h4 data-level=5.1.3 id=fr-unit><span class=secno>5.1.3 </span><span class=conte
10541054

10551055
<p>
10561056
When the available space is infinite
1057-
(which happens when the <a href=#grid-container>grid container</a>’s width or height is <a>indefinite</a>),
1057+
(which happens when the <a href=#grid-container>grid container</a>’s width or height is <a href=http://dev.w3.org/csswg/css-sizing-3/#indefinite>indefinite</a>),
10581058
flex-sized <a href=#grid-track>grid tracks</a> are sized to their contents while retaining their respective proportions.
10591059
The used size of each flex-sized <a href=#grid-track>grid track</a> is computed by
10601060
determining the <a class=property data-link-type=propdesc title=max-content>max-content</a> size of each flex-sized <a href=#grid-track>grid track</a>
@@ -1396,9 +1396,9 @@ <h3 data-level=6.1 id=auto-tracks><span class=secno>6.1 </span><span class=conte
13961396

13971397
<div class=figure>
13981398
<p>
1399-
<amg alt="" src=images/implicit-columns-and-rows.png>
1399+
<img alt="" src=images/implicit-columns-and-rows.png>
14001400

1401-
</amg><p class=caption>
1401+
<p class=caption>
14021402
A Grid with an implicit row and four implicit columns, two of which are zero-sized.
14031403
</div>
14041404

@@ -1470,9 +1470,9 @@ <h3 data-level=6.2 id=grid-auto-flow-property><span class=secno>6.2 </span><span
14701470

14711471
<div class=figure>
14721472
<p>
1473-
<amg alt="Image: A form arranged using automatic placement." src=images/auto-placed-form.png>
1473+
<img alt="Image: A form arranged using automatic placement." src=images/auto-placed-form.png>
14741474

1475-
</amg><p class=caption>A form arranged using automatic placement.
1475+
<p class=caption>A form arranged using automatic placement.
14761476
</div>
14771477

14781478
<pre>&lt;style type="text/css"&gt;
@@ -1644,7 +1644,7 @@ <h3 data-level=7.1 id=line-placement><span class=secno>7.1 </span><span class=co
16441644
The <a class=property data-link-type=propdesc href=#propdef-grid-row-start title=grid-row-start>grid-row-start</a>, <a class=property data-link-type=propdesc href=#propdef-grid-column-start title=grid-column-start>grid-column-start</a>, <a class=property data-link-type=propdesc href=#propdef-grid-row-end title=grid-row-end>grid-row-end</a>, and <a class=property data-link-type=propdesc href=#propdef-grid-column-end title=grid-column-end>grid-column-end</a> properties
16451645
(collectively, the <dfn data-dfn-type=dfn data-export="" id=grid-placement-properties title="grid-placement property">grid-placement properties</dfn>)
16461646
determine a <a href=#grid-item>grid item</a>’s <a href=#placement0>placement</a> by specifying, respectively,
1647-
the <a>block-start</a>, <a>inline-start</a>, <a>block-end</a>, and <a>inline-end</a>
1647+
the <a href=http://dev.w3.org/csswg/css-writing-modes-3/#block-start>block-start</a>, <a href=http://dev.w3.org/csswg/css-writing-modes-3/#inline-start>inline-start</a>, <a href=http://dev.w3.org/csswg/css-writing-modes-3/#block-end>block-end</a>, and <a href=http://dev.w3.org/csswg/css-writing-modes-3/#inline-end>inline-end</a>
16481648
<a href=#grid-line>grid lines</a> of a <a href=#grid-item>grid item</a>’s <a href=#grid-area>grid area</a>.
16491649

16501650
<p>
@@ -1746,7 +1746,7 @@ <h3 data-level=7.1 id=line-placement><span class=secno>7.1 </span><span class=co
17461746
<dt>two spans
17471747
<dd>
17481748
The item has an <a href=#automatic0>automatic grid position</a> and an <a href=#definite>definite grid span</a>.
1749-
If two spans were specified, the <a>end</a> span is ignored.
1749+
If two spans were specified, the <a href=http://dev.w3.org/csswg/css-writing-modes-3/#end>end</a> span is ignored.
17501750
If the <a href=#grid-span>grid span</a> is for a named line,
17511751
it's instead treated as a <a href=#definite>definite grid span</a> of one.
17521752

@@ -1914,7 +1914,7 @@ <h3 data-level=9.1 id=auto-margins><span class=secno>9.1 </span><span class=cont
19141914
(defined in the next sections).
19151915

19161916
<li>
1917-
Overflowing elements ignore their auto margins and overflow in the <a>end</a> directions.
1917+
Overflowing elements ignore their auto margins and overflow in the <a href=http://dev.w3.org/csswg/css-writing-modes-3/#end>end</a> directions.
19181918
</ul>
19191919

19201920
<p class=note>
@@ -1986,9 +1986,9 @@ <h3 data-level=9.4 id=z-order><span class=secno>9.4 </span><span class=content>
19861986

19871987
<div class=figure>
19881988
<p>
1989-
<amg alt="Image: Drawing order controlled by z-index and source order." src=images/drawing-order.png>
1989+
<img alt="Image: Drawing order controlled by z-index and source order." src=images/drawing-order.png>
19901990

1991-
</amg><p class=caption>
1991+
<p class=caption>
19921992
Drawing order controlled by z-index and source order.
19931993
</div>
19941994

@@ -2053,7 +2053,7 @@ <h3 data-level=9.5 id=grid-baselines><span class=secno>9.5 </span><span class=co
20532053

20542054
<p>
20552055
When calculating the baseline according to the above rules,
2056-
if the box contributing a baseline has an <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-overflow-3/#overflow title=overflow>overflow</a> value that allows scrolling,
2056+
if the box contributing a baseline has an <a class=property data-link-type=propdesc href=http://www.w3.org/TR/SVG/masking.html#OverflowProperty title=overflow>overflow</a> value that allows scrolling,
20572057
the box must be treated as being in its initial scroll position
20582058
for the purpose of determining its baseline.
20592059

‎css-grid/Overview.src.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ <h3 id='background'>
8080
Background and Motivation</h3>
8181

8282
<div class="sidefigure">
83-
<amg class="figure" alt="Image: Application layout example requiring horizontal and vertical alignment." src="images/basic-form.png" />
83+
<img class="figure" alt="Image: Application layout example requiring horizontal and vertical alignment." src="images/basic-form.png" />
8484
<p class="caption">Application layout example requiring horizontal and vertical alignment.
8585
</div>
8686

@@ -108,15 +108,15 @@ <h3 id='adapting-to-available-space'>
108108

109109
<div class="sidefigure">
110110
<p>
111-
<amg alt="Image: Five grid items arranged according to content size and available space." src="images/game-smaller.png" />
111+
<img alt="Image: Five grid items arranged according to content size and available space." src="images/game-smaller.png" />
112112

113113
<p class="caption">
114114
Five grid items arranged according to content size and available space.
115115
</div>
116116

117117
<div class="sidefigure">
118118
<p>
119-
<amg alt="Image: Growth in the grid due to an increase in available space." src="images/game-larger.png" />
119+
<img alt="Image: Growth in the grid due to an increase in available space." src="images/game-larger.png" />
120120

121121
<p class="caption">
122122
Growth in the grid due to an increase in available space.
@@ -199,14 +199,14 @@ <h3 id='source-independence'>
199199

200200
<div class="sidefigure">
201201
<p>
202-
<amg alt="Image: An arrangement suitable for portrait orientation." src="images/game-portrait.png" />
202+
<img alt="Image: An arrangement suitable for portrait orientation." src="images/game-portrait.png" />
203203

204204
<p class="caption">An arrangement suitable for ''portrait'' orientation.
205205
</div>
206206

207207
<div class="sidefigure">
208208
<p>
209-
<amg alt="Image: An arrangement suitable for landscape orientation." src="images/game-landscape.png" />
209+
<img alt="Image: An arrangement suitable for landscape orientation." src="images/game-landscape.png" />
210210

211211
<p class="caption">An arrangement suitable for ''landscape'' orientation.
212212
</div>
@@ -288,7 +288,7 @@ <h3 id='grid-layering'>
288288

289289
<div class="sidefigure">
290290
<p>
291-
<amg alt="Image: A control composed of layered HTML elements." src="images/control-layering-and-alignment.png" />
291+
<img alt="Image: A control composed of layered HTML elements." src="images/control-layering-and-alignment.png" />
292292

293293
<p class="caption">A control composed of layered HTML elements.
294294
</div>
@@ -385,13 +385,13 @@ <h2 id='grid-concepts'>
385385

386386
<!--
387387
<div class="figure">
388-
<amg class="figure" alt="Image: A diagram illustrating the relationship between the Grid Element and its Tracks, Lines, Areas and Items." src="images/grid-concepts.png" />
388+
<img class="figure" alt="Image: A diagram illustrating the relationship between the Grid Element and its Tracks, Lines, Areas and Items." src="images/grid-concepts.png" />
389389
<p class="caption">A diagram illustrating the relationship between the <a>grid container</a> and its tracks, lines, areas and items.
390390
</div>
391391
-->
392392

393393
<div class="figure">
394-
<amg class="figure" alt="Image: Grid Lines." src="images/grid-lines.png" />
394+
<img class="figure" alt="Image: Grid Lines." src="images/grid-lines.png" />
395395
<p class="caption">Grid lines: Three in the block axis and four in the inline axis.
396396
</div>
397397

@@ -915,7 +915,7 @@ <h4 id='named-lines'>
915915
&lt;/style></pre>
916916

917917
<div class="figure">
918-
<amg class="figure" alt="Image: Named Grid Lines." src="images/grid-named-lines.png" />
918+
<img class="figure" alt="Image: Named Grid Lines." src="images/grid-named-lines.png" />
919919
<p class="caption">Named Grid Lines.
920920
</div>
921921
</div>
@@ -1374,7 +1374,7 @@ <h3 id='auto-tracks'>
13741374

13751375
<div class="figure">
13761376
<p>
1377-
<amg alt="" src="images/implicit-columns-and-rows.png" />
1377+
<img alt="" src="images/implicit-columns-and-rows.png" />
13781378

13791379
<p class="caption">
13801380
A Grid with an implicit row and four implicit columns, two of which are zero-sized.
@@ -1460,7 +1460,7 @@ <h3 id="grid-auto-flow-property">
14601460

14611461
<div class="figure">
14621462
<p>
1463-
<amg alt="Image: A form arranged using automatic placement." src="images/auto-placed-form.png" />
1463+
<img alt="Image: A form arranged using automatic placement." src="images/auto-placed-form.png" />
14641464

14651465
<p class="caption">A form arranged using automatic placement.
14661466
</div>
@@ -2029,7 +2029,7 @@ <h3 id='z-order'>
20292029

20302030
<div class="figure">
20312031
<p>
2032-
<amg alt="Image: Drawing order controlled by z-index and source order." src="images/drawing-order.png" />
2032+
<img alt="Image: Drawing order controlled by z-index and source order." src="images/drawing-order.png" />
20332033

20342034
<p class="caption">
20352035
Drawing order controlled by z-index and source order.

0 commit comments

Comments
 (0)