-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathedits.html
More file actions
660 lines (545 loc) · 41.2 KB
/
Copy pathedits.html
File metadata and controls
660 lines (545 loc) · 41.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
<!DOCTYPE html><html lang="ja"><meta charset="utf-8"><title>4.6 編集 — HTML5 日本語訳</title><script src="link-fixup.js"></script>
<style type="text/css">
body {line-height:1.5;}
.applies thead th > * { display: block; }
.applies thead code { display: block; }
.applies tbody th { white-space: nowrap; }
.applies td { text-align: center; }
.applies .yes { background: yellow; }
.matrix, .matrix td { border: hidden; text-align: right; }
.matrix { margin-left: 2em; }
.dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
.dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
.dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
td.eg { border-width: thin; text-align: center; }
#table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
#table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
#table-example-1 caption { padding-bottom: 0.5em; }
#table-example-1 thead, #table-example-1 tbody { border: none; }
#table-example-1 th, #table-example-1 td { border: solid thin; }
#table-example-1 th { font-weight: normal; }
#table-example-1 td { border-style: none solid; vertical-align: top; }
#table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
#table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
#table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
#table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
#table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
#table-example-1 tbody td:first-child + td { width: 10em; }
#table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
#table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }
.apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
.apple-table-examples * { font-family: "Times", serif; }
.apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
.apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
.apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
.apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
.apple-table-examples td { text-align: right; vertical-align: top; }
.apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
.apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
.apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
.apple-table-examples sup { line-height: 0; }
.details-example img { vertical-align: top; }
#base64-table {
white-space: nowrap;
font-size: 0.6em;
column-width: 6em;
column-count: 5;
column-gap: 1em;
-moz-column-width: 6em;
-moz-column-count: 5;
-moz-column-gap: 1em;
-webkit-column-width: 6em;
-webkit-column-count: 5;
-webkit-column-gap: 1em;
}
#base64-table thead { display: none; }
#base64-table * { border: none; }
#base64-table tbody td:first-child:after { content: ':'; }
#base64-table tbody td:last-child { text-align: right; }
#named-character-references-table {
white-space: nowrap;
font-size: 0.6em;
column-width: 30em;
column-gap: 1em;
-moz-column-width: 30em;
-moz-column-gap: 1em;
-webkit-column-width: 30em;
-webkit-column-gap: 1em;
}
#named-character-references-table > table > tbody > tr > td:first-child + td,
#named-character-references-table > table > tbody > tr > td:last-child { text-align: center; }
#named-character-references-table > table > tbody > tr > td:last-child:hover > span { position: absolute; top: auto; left: auto; margin-left: 0.5em; line-height: 1.2; font-size: 5em; border: outset; padding: 0.25em 0.5em; background: white; width: 1.25em; height: auto; text-align: center; }
#named-character-references-table > table > tbody > tr#entity-CounterClockwiseContourIntegral > td:first-child { font-size: 0.5em; }
.glyph.control { color: red; }
@font-face {
font-family: 'Essays1743';
src: url('fonts/Essays1743.ttf');
}
@font-face {
font-family: 'Essays1743';
font-weight: bold;
src: url('fonts/Essays1743-Bold.ttf');
}
@font-face {
font-family: 'Essays1743';
font-style: italic;
src: url('fonts/Essays1743-Italic.ttf');
}
@font-face {
font-family: 'Essays1743';
font-style: italic;
font-weight: bold;
src: url('fonts/Essays1743-BoldItalic.ttf');
}
</style>
<style type="text/css">
pre { margin-left: 2em; white-space: pre-wrap; }
h2 { margin: 3em 0 1em 0; }
h3 { margin: 2.5em 0 1em 0; }
h4 { margin: 2.5em 0 0.75em 0; }
h5, h6 { margin: 2.5em 0 1em; }
h1 + h2, h1 + h2 + h2, h1 + p, h1 + p + h2 { margin: 0.75em 0 0.75em; }
h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
p { margin: 1em 0; }
hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
.element dd, .element dl { margin-top: 0em; margin-bottom: 0.25em;}
dt { margin-top: 0.75em; margin-bottom: 0.5em; clear: left; }
.element dt { margin-top: 0.5em; margin-bottom: 0.5em; }
dt + dt { margin-top: 0; }
dd dt { margin-top: 0.25em; margin-bottom: 0; }
dd p { margin-top: 0; }
dd dl + p { margin-top: 1em; }
dd table + p { margin-top: 1em; }
p + * > li, dd li { margin: 1em 0; }
dt, dfn { font-weight: bold; font-style: normal; }
i, em { font-style: italic; }
dt dfn { font-style: italic; }
pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
pre em { font-weight: bolder; font-style: normal; }
@media screen { code { color: #D93B00; } code :link, code :visited { color: inherit; } }
var { background-color: #f9f9f9; border: 1px solid #eee; padding: 0 2px; }
var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
table { border-collapse: collapse; border-style: hidden hidden none hidden; }
table thead, table tbody { border-bottom: solid; }
table tbody th:first-child { border-left: solid; }
table tbody th { text-align: left; }
table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
.bad, .bad *:not(.XXX) { color: #5F6D7A; border-color: gray; background: transparent; }
.matrix, .matrix td { border: none; text-align: right; }
.matrix { margin-left: 2em; }
.dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
.dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
.dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
.toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
img.extra, p.overview { float: right; }
pre.idl { border: solid thin #d3d3d3; background: #FCFCFC; color: black; padding: 0.5em 1em; position: relative; }
pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
pre.idl::before { content: "IDL"; font: bold small sans-serif; padding: 0.5em; background: white; position: absolute; top: 0; margin: -1px 0 0 -4em; width: 1.5em; border: thin solid; border-radius: 0 0 0 0.5em }
pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
pre.css:first-line { color: #AAAA50; }
dl.domintro {padding: 0.5em 1em; border: none; background:#E9FBE9; border: 1px solid lightgray; }
hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
dl.domintro dd p { margin: 0.5em 0; }
dl.domintro:before { display: table; margin: -1em -0.5em -0.5em auto; width: auto; content: 'This definition is non-normative. Implementation requirements are given below this definition.'; color: #606060; border:1px solid lightgray; background: white; padding: 0 0.25em;font-size:.9em;}
dl.switch { padding-left: 2em; }
dl.switch > dt { text-indent: -1.5em; }
dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
dl.triple { padding: 0 0 0 1em; }
dl.triple dt, dl.triple dd { margin: 0; display: inline }
dl.triple dt:after { content: ':'; }
dl.triple dd:after { content: '\A'; white-space: pre; }
.diff-old { text-decoration: line-through; color: silver; background: transparent; }
.diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
a .diff-new { border-bottom: 1px blue solid; }
figure.diagrams { border: double black; background: white; padding: 1em; }
figure.diagrams img { display: block; margin: 1em auto; }
h2 { page-break-before: always; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
h1 + h2, hr + h2.no-toc { page-break-before: auto; }
p > span:not([title=""]):not([class="XXX"]):not([class="impl"]):not([class="note"]):not([class="t2"]):not([id]):not([lang]),
li > span:not([title=""]):not([class="XXX"]):not([class="impl"]):not([class="note"]):not([class="t2"]):not([id]):not([lang])
{ border-bottom: solid #9999CC; }
div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
div.head p { margin: 0; }
div.head h1 { margin: 0; }
div.head .logo { float: right; margin: 0 1em; }
div.head .logo img { border: none } /* remove border from top image */
div.head dl { margin: 1em 0; }
div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }
body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
body > .toc > li > * { margin-bottom: 0.5em; }
body > .toc > li > * > li > * { margin-bottom: 0.25em; }
.toc, .toc li { list-style: none; }
.brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
.brief li { margin: 0; padding: 0; }
.brief li p { margin: 0; padding: 0; }
.category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
.category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
.category-list li { display: inline; }
.category-list li:not(:last-child)::after { content: ', '; }
.category-list li > span, .category-list li > a { text-transform: lowercase; }
.category-list li * { text-transform: none; } /* don't affect <code> nested in <a> */
.XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
.XXX > :first-child { margin-top: 0; }
p .XXX { line-height: 3em; }
.annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
.annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
.annotation :link, .annotation :visited { color: inherit; }
.annotation :link:hover, .annotation :visited:hover { background: transparent; }
.annotation span { border: none ! important; }
.note { border-left-style: solid; border-left-width: 0.25em; background: none repeat scroll 0 0 #E9FBE9; border-color: #52E052; }
.warning { background-color: #F9F0D4; border: medium double #FF0000; margin: 1em; padding: 1em; }
.note em, .warning em, .note i, .warning i { font-style: normal; }
p.note, div.note { padding: 0.5em 2em; }
span.note { padding: 0 2em; }
.note p:first-child, .warning p:first-child { margin-top: 0; }
.note p:last-child, .warning p:last-child { margin-bottom: 0; }
.warning:before { font-style: normal; }
p.note:before { content: 'Note: '; font-weight: bolder;}
p.warning:before { content: '\26A0 Warning! '; font-weight:bolder;}
.critical {margin:1em; border:double red; padding:1em; background-color:#F9F0D4;}
.bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
.bookkeeping { font-size: 0.8em; margin: 2em 0; }
.bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
.bookkeeping dt { margin: 0.5em 2em 0; }
.bookkeeping dd { margin: 0 3em 0.5em; }
h4 { position: relative; z-index: 3; }
h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
.element {
background: #F4F4FA;
color: black;
margin: 0 0 1em 0.15em;
padding: 0 1em 0.25em 0.75em;
border-left: solid #9999FF 0.25em;
position: relative;
z-index: 1;
}
.element:before {
position: absolute;
z-index: 2;
top: 0;
left: -1.15em;
height: 2em;
width: 0.9em;
background: #F4F4FA;
content: ' ';
border-style: none none solid solid;
border-color: #9999FF;
border-width: 0.25em;
}
.example { display: block; color: #222222; background: #FCFCFC; border-left-style: solid;border-color:#c0c0c0; border-left-width: 0.25em; margin-left: 1em; padding-left: 1em;padding-bottom: 0.5em;}
div.example:before { content: 'Code Example: '; font-weight: bolder;}
td > .example:only-child { margin: 0 0 0 0.1em; }
ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
ul.domTree li li { list-style: none; }
ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
ul.domTree span { font-style: italic; font-family: serif; }
ul.domTree .t1 code { color: purple; font-weight: bold; }
ul.domTree .t2 { font-style: normal; font-family: monospace; }
ul.domTree .t2 .name { color: black; font-weight: bold; }
ul.domTree .t2 .value { color: blue; font-weight: normal; }
ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
ul.domTree .t7 code, .domTree .t8 code { color: green; }
ul.domTree .t10 code { color: teal; }
body.dfnEnabled dfn { cursor: pointer; }
.dfnPanel {
display: inline;
position: absolute;
z-index: 10;
height: auto;
width: auto;
padding: 0.5em 0.75em;
font: small sans-serif, Droid Sans Fallback;
background: #DDDDDD;
color: black;
border: outset 0.2em;
}
.dfnPanel * { margin: 0; padding: 0; font: inherit; text-indent: 0; }
.dfnPanel :link, .dfnPanel :visited { color: black; }
.dfnPanel p { font-weight: bolder; }
.dfnPanel * + p { margin-top: 0.25em; }
.dfnPanel li { list-style-position: inside; }
#configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
#configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
#configUI p label { display: block; }
#configUI #updateUI, #configUI .loginUI { text-align: center; }
#configUI input[type=button] { display: block; margin: auto; }
fieldset { margin: 1em; padding: 0.5em 1em; }
fieldset > legend + * { margin-top: 0; }
fieldset > :last-child { margin-bottom: 0; }
fieldset p { margin: 0.5em 0; }
header p.subline {color:#005A9C; font: 140% sans-serif;margin: 0.75em 0;}
#authorButton {overflow: visible; padding: 0.1em 0.3em; position: fixed; right: 2em; top: 6em; width: auto;}
@media print {#authorButton { display:none;}}
.stability {
position: fixed;
bottom: 0;
left: 0; right: 0;
margin: 0 auto 0 auto;
width: 50%;
background: maroon; color: yellow;
-webkit-border-radius: 1em 1em 0 0;
-moz-border-radius: 1em 1em 0 0;
border-radius: 1em 1em 0 0;
-moz-box-shadow: 0 0 1em #500;
-webkit-box-shadow: 0 0 1em #500;
box-shadow: 0 0 1em red;
padding: 0.5em 1em;
text-align: center;
}
.stability strong {
display: block;
}
.stability input {
-moz-appearance: none; -webkit-appearance: none; margin: 0;
border: 0; padding: 0.25em 0.5em; background: transparent; color: black;
position: absolute; top: -0.5em; right: 0; font: 1.25em sans-serif; text-align: center;
}
.stability input:hover {
color: white;
text-shadow: 0 0 2px black;
}
.stability input:active {
padding: 0.3em 0.45em 0.2em 0.55em;
}
.stability :link, .stability :visited,
.stability :link:hover, .stability :visited:hover {
background: transparent;
color: white;
}
</style><!-- style switcher script by Stommepoes --><link href="http://www.w3.org/StyleSheets/TR/W3C-REC" rel="stylesheet" type="text/css"><link href="switcher/author-view.css" id="author-view" rel="alternate stylesheet" title="Author documentation only"><script src="switcher/authorstylesheet.js"></script><link href="text-level-semantics.html" rel="prev" title="4.5 Text-level semantics">
<link href="Overview.html#contents" rel="contents" title="目次">
<link href="embedded-content-0.html" rel="next" title="4.7エンベディッドコンテンツ">
<body class="split chapter" onload="fixBrokenLink();"><div class="head" id="head">
<header><span id="styleSwitch"></span>
<p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1 id="big-title">HTML5日本語訳</h1>
<p class="no-num no-toc subline">HTMLとXHTMLのための語彙と関連API</p>
<h2 class="no-num no-toc" id="w3c-recommendation-28-october-2014">W3C Recommendation 28 October 2014</h2>
</header></div>
<nav class="prev_next">
<a href="text-level-semantics.html">← 4.5 テキストレベルセマンティック</a> – <a href="Overview.html#contents">目次</a> – <a href="embedded-content-0.html">4.7 埋め込みコンテンツ →</a>
<ol class="toc"><li><ol><li><a href="edits.html#edits"><span class="secno">4.6</span> 編集</a>
<ol><li><a href="edits.html#the-ins-element"><span class="secno">4.6.1</span> <code>ins</code>要素</a></li><li><a href="edits.html#the-del-element"><span class="secno">4.6.2</span> <code>del</code>要素</a></li><li><a href="edits.html#attributes-common-to-ins-and-del-elements"><span class="secno">4.6.3</span> <code>ins</code>と<code>del</code>要素の共通属性</a></li><li><a href="edits.html#edits-and-paragraphs"><span class="secno">4.6.4</span> 編集と段落</a></li><li><a href="edits.html#edits-and-lists"><span class="secno">4.6.5</span> 編集とリスト</a></li><li><a href="edits.html#edits-and-tables"><span class="secno">4.6.6</span> 編集とテーブル</a></li></ol></li></ol></li></ol></nav>
<h3 id="edits"><span class="secno">4.6</span> 編集</h3>
<p><code><a href="#the-ins-element">ins</a></code>および<code><a href="#the-del-element">del</a></code>要素は文書への編集を表す。</p>
<h4 id="the-ins-element"><span class="secno">4.6.1</span> <dfn><code>ins</code></dfn>要素</h4>
<dl class="element"><dt><a data-anolis-xref="element-dfn-categories" href="dom.html#element-dfn-categories">カテゴリ</a>：</dt>
<dd><a href="dom.html#flow-content-1">フローコンテンツ</a>。</dd>
<dd><a href="dom.html#phrasing-content-1">フレージングコンテンツ</a>。</dd>
<dd><a href="dom.html#palpable-content-0">パルパブルコンテンツ</a>。</dd>
<dt><a data-anolis-xref="element-dfn-contexts" href="dom.html#element-dfn-contexts">この要素を使用できるコンテキスト</a>：</dt>
<dd><a href="dom.html#phrasing-content-1">フレージングコンテンツ</a>が期待される場所。</dd>
<dt><a data-anolis-xref="element-dfn-content-model" href="dom.html#element-dfn-content-model">コンテンツモデル</a>：</dt>
<dd><a href="dom.html#transparent">透過的</a>。</dd>
<dt><a data-anolis-xref="element-dfn-attributes" href="dom.html#element-dfn-attributes">コンテンツ属性</a>：</dt>
<dd><a href="dom.html#global-attributes">グローバル属性</a></dd>
<dd><code data-anolis-xref="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code> - 編集に関する引用またはより多くの情報源へのリンク </dd>
<dd><code data-anolis-xref="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> - 変更日付および（任意の）時刻 </dd>
<dt><a data-anolis-xref="element-dfn-tag-omission" href="dom.html#element-dfn-tag-omission">text/htmlにおけるタグ省略</a>：</dt>
<dd>どちらのタグも省略不可</dd>
<dt>許可される<a href="dom.html#aria-role-attribute">ARIAロール属性</a>値：</dt>
<dd><a href="dom.html#allowed-aria-roles,-states-and-properties">任意のrole値</a>。</dd>
<dt>許可される<a href="dom.html#state-and-property-attributes">ARIAステートおよびプロパティー</a>：</dt>
<dd><a href="dom.html#index-aria-global">グローバルaria-* 属性</a></dd>
<dd><a href="dom.html#allowed-aria-roles,-states-and-properties">許可されるロールで受け入れ可能な</a>任意の<code title="">aria-*</code>属性。</dd>
<dt><a data-anolis-xref="element-dfn-dom" href="dom.html#element-dfn-dom">DOMインターフェース</a>：</dt><!--TOPIC:DOM APIs-->
<dd><code><a href="#htmlmodelement">HTMLModElement</a></code>インターフェースを使用する。</dd>
</dl><!--TOPIC:HTML--><p><code><a href="#the-ins-element">ins</a></code>要素は、文書への追加を<a href="dom.html#represents">表す</a>。</p>
<div class="example">
<p>以下は1つの段落の追加を表す：</p>
<pre><aside>
<ins>
<p> I like fruit. </p>
</ins>
</aside></pre>
<p>ここで<code><a href="sections.html#the-aside-element">aside</a></code>要素内のすべてが<a href="dom.html#phrasing-content-1">フレージングコンテンツ</a>としてカウントされるため、以下において、ただ1つの<a href="dom.html#paragraph">段落</a>がある：</p>
<pre><aside>
<ins>
Apples are <em>tasty</em>.
</ins>
<ins>
So are pears.
</ins>
</aside></pre>
</div>
<p><code><a href="#the-ins-element">ins</a></code>要素は、<a data-anolis-xref="paragraph" href="dom.html#paragraph">暗黙の段落</a>の境界を越えるべきでない。</p>
<div class="example">
<p>次の例は、2つの段落、2つの部分に挿入される第2段落の追記を表す。この例において最初の<code><a href="#the-ins-element">ins</a></code>要素は、貧弱な形式と考えられる段落の境界をこのように横切る。</p>
<pre class="bad"><aside>
<!-- don't do this -->
<ins datetime="2005-03-16 00:00Z">
<p> I like fruit. </p>
Apples are <em>tasty</em>.
</ins>
<ins datetime="2007-12-19 00:00Z">
So are pears.
</ins>
</aside></pre>
<p>次は、このマークアップのより良い方法である。このマークアップはより多くの要素を使用するが、どの要素も暗黙の段落の境界を越えない。</p>
<pre><aside>
<ins datetime="2005-03-16 00:00Z">
<p> I like fruit. </p>
</ins>
<ins datetime="2005-03-16 00:00Z">
Apples are <em>tasty</em>.
</ins>
<ins datetime="2007-12-19 00:00Z">
So are pears.
</ins>
</aside></pre><!-- Those dates aren't random. They're the start and end of something. Can you guess what? -->
</div>
<h4 id="the-del-element"><span class="secno">4.6.2</span> <dfn><code>del</code></dfn>要素</h4>
<dl class="element"><dt><a data-anolis-xref="element-dfn-categories" href="dom.html#element-dfn-categories">カテゴリ</a>：</dt>
<dd><a href="dom.html#flow-content-1">フローコンテンツ</a>。</dd>
<dd><a href="dom.html#phrasing-content-1">フレージングコンテンツ</a>。</dd>
<dt><a data-anolis-xref="element-dfn-contexts" href="dom.html#element-dfn-contexts">この要素を使用できるコンテキスト</a>：</dt>
<dd><a href="dom.html#phrasing-content-1">フレージングコンテンツ</a>が期待される場所。</dd>
<dt><a data-anolis-xref="element-dfn-content-model" href="dom.html#element-dfn-content-model">コンテンツモデル</a>：</dt>
<dd><a href="dom.html#transparent">透過的</a>。</dd>
<dt><a data-anolis-xref="element-dfn-attributes" href="dom.html#element-dfn-attributes">コンテンツ属性</a>：</dt>
<dd><a href="dom.html#global-attributes">グローバル属性</a></dd>
<dd><code data-anolis-xref="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code> - 編集に関する引用またはより多くの情報源へのリンク </dd>
<dd><code data-anolis-xref="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> - 変更日付および（任意の）時刻 </dd>
<dt><a data-anolis-xref="element-dfn-tag-omission" href="dom.html#element-dfn-tag-omission">text/htmlにおけるタグ省略</a>：</dt>
<dd>どちらのタグも省略不可</dd>
<dt>許可される<a href="dom.html#aria-role-attribute">ARIAロール属性</a>値：</dt>
<dd><a href="dom.html#allowed-aria-roles,-states-and-properties">任意のrole値</a>。</dd>
<dt>許可される<a href="dom.html#state-and-property-attributes">ARIAステートおよびプロパティー</a>：</dt>
<dd><a href="dom.html#index-aria-global">グローバルaria-* 属性</a></dd>
<dd><a href="dom.html#allowed-aria-roles,-states-and-properties">許可されるロールで受け入れ可能な</a>任意の<code title="">aria-*</code>属性。</dd>
<dt><a data-anolis-xref="element-dfn-dom" href="dom.html#element-dfn-dom">DOMインターフェース</a>：</dt><!--TOPIC:DOM APIs-->
<dd><code><a href="#htmlmodelement">HTMLModElement</a></code>インターフェースを使用する。</dd>
</dl><!--TOPIC:HTML--><p><code><a href="#the-del-element">del</a></code>要素は、文書からの削除を<a href="dom.html#represents">表す</a>。</p>
<p><code><a href="#the-del-element">del</a></code>要素は、<a data-anolis-xref="paragraph" href="dom.html#paragraph">暗黙の段落</a>の境界を越えるべきでない。</p>
<div class="example">
<p>以下は、実施済み項目が完了した日付と時刻を線で消される"to do"リストを示す。</p>
<pre><h1>To Do</h1>
<ul>
<li>Empty the dishwasher</li>
<li><del datetime="2009-10-11T01:25-07:00">Watch Walter Lewin's lectures</del></li>
<li><del datetime="2009-10-10T23:38-07:00">Download more tracks</del></li>
<li>Buy a printer</li>
</ul></pre>
</div>
<h4 id="attributes-common-to-ins-and-del-elements"><span class="secno">4.6.3</span> <code><a href="#the-ins-element">ins</a></code>と<code><a href="#the-del-element">del</a></code>要素の共通属性</h4>
<p><dfn data-anolis-xref="attr-mod-cite" id="attr-mod-cite"><code>cite</code></dfn>属性は、変更を説明する文書のアドレスを指定するために使用してもよい。たとえば会議の議事録など、その文書が長い場合、著者が変更について説明する、その文書の特定の部分を指示するフラグメント識別子を含むことが推奨される。</p>
<p><code data-anolis-xref="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code>属性が存在する場合、変更を説明する<a href="infrastructure.html#valid-url-potentially-surrounded-by-spaces">潜在的にスペースで囲まれた妥当なURL</a>でなければならない。 <span class="impl">To obtain
the corresponding citation link, the value of the attribute must be <a data-anolis-xref="resolve a
url" href="infrastructure.html#resolve-a-url">resolved</a> relative to the element.</span> ユーザーエージェントは、ユーザーがそのような引用のリンクをたどることを可能にしてもよいが、これは主に読者のためでなく、（サイトの編集に関する統計を収集するサーバーサイドスクリプトによってなど）私的使用のために意図される。</p>
<p><dfn data-anolis-xref="attr-mod-datetime" id="attr-mod-datetime"><code>datetime</code></dfn>属性は、変更の日付と時刻を指定するために使用してもよい。</p>
<p>存在する場合、<code data-anolis-xref="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code>属性値は、<a href="infrastructure.html#valid-date-string-with-optional-time">任意の時間で有効な日付文字列</a>でなければならない。</p>
<div class="impl">
<p>User agents must parse the <code data-anolis-xref="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> attribute according
to the <a href="infrastructure.html#parse-a-date-or-time-string">parse a date or time string</a> algorithm. If that doesn't return a <a data-anolis-xref="concept-date" href="infrastructure.html#concept-date">date</a> or a <a data-anolis-xref="concept-datetime" href="infrastructure.html#concept-datetime">global date and time</a>,
then the modification has no associated timestamp (the value is non-conforming; it is not a
<a href="infrastructure.html#valid-date-string-with-optional-time">valid date string with optional time</a>). Otherwise, the modification is marked as
having been made at the given <a data-anolis-xref="concept-date" href="infrastructure.html#concept-date">date</a> or <a data-anolis-xref="concept-datetime" href="infrastructure.html#concept-datetime">global date and time</a>. If the given value is a <a data-anolis-xref="concept-datetime" href="infrastructure.html#concept-datetime">global date and time</a> then user agents should use the associated
time-zone offset information to determine which time zone to present the given datetime in.</p>
</div>
<p>この値は <span class="impl">may be shown to the user, but it</span> 主に私的利用を意図する。</p>
<p><code><a href="#the-ins-element">ins</a></code>および<code><a href="#the-del-element">del</a></code>要素は <span class="impl">must</span> <code><a href="#htmlmodelement">HTMLModElement</a></code>インターフェースを実装する：</p>
<pre class="idl">interface <dfn id="htmlmodelement">HTMLModElement</dfn> : <a href="dom.html#htmlelement">HTMLElement</a> {
attribute DOMString <a data-anolis-xref="dom-mod-cite" href="#dom-mod-cite">cite</a>;
attribute DOMString <a data-anolis-xref="dom-mod-dateTime" href="#dom-mod-datetime">dateTime</a>;
};</pre>
<div class="impl">
<p>The <dfn data-anolis-xref="dom-mod-cite" id="dom-mod-cite"><code>cite</code></dfn> IDL attribute must <a href="infrastructure.html#reflect">reflect</a>
the element's <code data-anolis-xref="attr-mod-cite"><a href="#attr-mod-cite">cite</a></code> content attribute. The <dfn data-anolis-xref="dom-mod-dateTime" id="dom-mod-datetime"><code>dateTime</code></dfn> IDL attribute must <a href="infrastructure.html#reflect">reflect</a> the
element's <code data-anolis-xref="attr-mod-datetime"><a href="#attr-mod-datetime">datetime</a></code> content attribute.</p>
</div>
<h4 id="edits-and-paragraphs"><span class="secno">4.6.4</span> 編集と段落</h4>
<p><i>この節は非規範的である。</i></p>
<p><code><a href="#the-ins-element">ins</a></code>および<code><a href="#the-del-element">del</a></code>要素は、<a data-anolis-xref="paragraph" href="dom.html#paragraph">段落付け</a>に影響しないので、段落が<a data-anolis-xref="paragraph" href="dom.html#paragraph">暗黙的に</a>定義される（明示的な<code><a href="grouping-content.html#the-p-element">p</a></code>要素のない）一部の場合において、<code><a href="#the-ins-element">ins</a></code>や<code><a href="#the-del-element">del</a></code>要素にとって、全体の段落または他の非<a href="dom.html#phrasing-content-1">フレージングコンテンツ</a>要素と別段落の一部の両方にまたがることが可能である。たとえば：</p>
<pre><section>
<ins>
<p>
This is a paragraph that was inserted.
</p>
This is another paragraph whose first sentence was inserted
at the same time as the paragraph above.
</ins>
This is a second sentence, which was there all along.
</section></pre>
<p><code><a href="grouping-content.html#the-p-element">p</a></code>要素でいくつかの段落を包むことによってのみ、段落は第1段落の終わり、第2段落全体、<code><a href="#the-ins-element">ins</a></code>または<code><a href="#the-del-element">del</a></code>要素によって包まれる第3段落の始まりを得る（以下は非常に紛らわしく、よく考えたグッドプラクティスでない）：</p>
<pre class="bad"><section>
This is the first paragraph. <ins>This sentence was
inserted.
<p>This second paragraph was inserted.</p>
This sentence was inserted too.</ins> This is the
third paragraph in this example.
<!-- (don't do this) -->
</section></pre>
<p>しかし、<a data-anolis-xref="paragraph" href="dom.html#paragraph">暗黙の段落</a>が定義される方法のために、同じ<code><a href="#the-ins-element">ins</a></code>または<code><a href="#the-del-element">del</a></code>要素を使用する、段落の終わりおよび次の段落の始まりをマークアップできない。代わりに、たとえば次のように、1つ（もしくは2つ）の<code><a href="grouping-content.html#the-p-element">p</a></code>要素と2つの<code><a href="#the-ins-element">ins</a></code>または<code><a href="#the-del-element">del</a></code>要素を使用する必要がある：</p>
<pre><section>
<p>This is the first paragraph. <del>This sentence was
deleted.</del></p>
<p><del>This sentence was deleted too.</del> That
sentence needed a separate &lt;del&gt; element.</p>
</section></pre>
<p>上記で説明した一部の混乱のために、<a data-anolis-xref="paragraph" href="dom.html#paragraph">暗黙の段落</a>の境界を越える<code><a href="#the-ins-element">ins</a></code>また<code><a href="#the-del-element">del</a></code>要素を持つ代わりに、著者は、常に<code><a href="grouping-content.html#the-p-element">p</a></code>要素を持つすべての段落をマークアップすることが強く推奨される。</p>
<h4 id="edits-and-lists"><span class="secno">4.6.5</span> 編集とリスト</h4>
<p><i>この節は非規範的である。</i></p>
<p><code><a href="grouping-content.html#the-ol-element">ol</a></code>および<code><a href="grouping-content.html#the-ul-element">ul</a></code>要素のコンテンツモデルは、子として<code><a href="#the-ins-element">ins</a></code>および<code><a href="#the-del-element">del</a></code>要素を許可しない。リストは常に、他の場合に削除済みとしてマークされているだろうアイテムを含む、すべての項目を表す。</p>
<p>項目が挿入または削除されたことを示すために、<code><a href="#the-ins-element">ins</a></code>または<code><a href="#the-del-element">del</a></code>要素は<code><a href="grouping-content.html#the-li-element">li</a></code>要素のコンテンツの周囲に配置できる。項目が別のものに置き換えられていることを示すために、1つの<code><a href="grouping-content.html#the-li-element">li</a></code>要素は、1つ以上の<code><a href="#the-del-element">del</a></code>要素の後に1つ以上の<code><a href="#the-ins-element">ins</a></code>要素を持つことができる。</p>
<div class="example">
<p>次の例において、空の状態で出発したリストが項目を持ち、時間をかけてリストから追加および削除される。強調された例における部分は、リストの"current"状態となる部分を表示する。しかし、リスト項目の番号は、編集を考慮しない。</p>
<pre><h1>Stop-ship bugs</h1>
<ol>
<li><ins datetime="2008-02-12T15:20Z"><em>Bug 225:
Rain detector doesn't work in snow</em></ins></li>
<li><del datetime="2008-03-01T20:22Z"><ins datetime="2008-02-14T12:02Z">Bug 228:
Water buffer overflows in April</ins></del></li>
<li><ins datetime="2008-02-16T13:50Z"><em>Bug 230:
Water heater doesn't use renewable fuels</em></ins></li>
<li><del datetime="2008-02-20T21:15Z"><ins datetime="2008-02-16T14:25Z">Bug 232:
Carbon dioxide emissions detected after startup</ins></del></li>
</ol></pre>
</div>
<div class="example">
<p>次の例において、ちょうどフルーツで始まるリストは色のリストに置き換えられた。</p>
<pre><h1>List of <del>fruits</del><ins>colors</ins></h1>
<ul>
<li><del>Lime</del><ins>Green</ins></li>
<li><del>Apple</del></li>
<li>Orange</li>
<li><del>Pear</del></li>
<li><ins>Teal</ins></li>
<li><del>Lemon</del><ins>Yellow</ins></li>
<li>Olive</li>
<li><ins>Purple</ins></li>
</ul></pre>
</div>
<h4 id="edits-and-tables"><span class="secno">4.6.6</span> 編集とテーブル</h4>
<p><i>この節は非規範的である。</i></p>
<p>編集をテーブルに示すことが困難になるかもしれないので、テーブルモデルの一部を形成する要素は、<code><a href="#the-ins-element">ins</a></code>と<code><a href="#the-del-element">del</a></code>要素に対して許可しない複雑なコンテンツモデルの要件を持つ。</p>
<p>行全体または列全体が追加または削除されたことを示すために、その行または列の各セルの内容全体が<code><a href="#the-ins-element">ins</a></code>または<code><a href="#the-del-element">del</a></code>要素で（めいめいに）包むことができる。</p>
<div class="example">
<p>ここでは、テーブルの行が追加されている：</p>
<pre><table>
<thead>
<tr> <th> Game name <th> Game publisher <th> Verdict
<tbody>
<tr> <td> Diablo 2 <td> Blizzard <td> 8/10
<tr> <td> Portal <td> Valve <td> 10/10
<strong> <tr> <td> <ins>Portal 2</ins> <td> <ins>Valve</ins> <td> <ins>10/10</ins></strong>
</table></pre>
<p>ここでは、列が削除されている（削除された時刻がまた指定され、理由を説明するページへのリンクがある）：</p>
<pre><table>
<thead>
<tr> <th> Game name <th> Game publisher <th> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">Verdict</del></strong>
<tbody>
<tr> <td> Diablo 2 <td> Blizzard <td> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">8/10</del></strong>
<tr> <td> Portal <td> Valve <td> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">10/10</del></strong>
<tr> <td> Portal 2 <td> Valve <td> <strong><del cite="/edits/r192" datetime="2011-05-02 14:23Z">10/10</del></strong>
</table></pre>
</div>
<p>一般的に言えば、より複雑な編集（たとえば、セルが削除され、後続のすべてのセルが上または左に移動するなど）を示す良い方法はない。</p>
</body></html>