forked from oreillymedia/HTMLBook
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
1101 lines (1099 loc) · 56.4 KB
/
index.html
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
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="ja">
<head>
<title>HTMLBook</title>
<meta charset="utf-8">
<script src="http://www.w3.org/Tools/respec/respec-w3c-common" async class="remove"></script>
<script class="remove">
var respecConfig = {
additionalCopyrightHolders: "Copyright © 2014 O’Reilly Media, Inc.",
specStatus: "unofficial",
shortName: "htmlbook",
editors: [
{ name: "Sanders Kleinfeld",
url: "http://oreilly.com",
company: "O’Reilly Media, Inc",
companyURL: "http://oreilly.com" }
],
localBiblio: {
"DOCBOOK": {
title: "The DocBook Document Type",
href: "http://www.docbook.org/specs/docbook-4.5-spec.html",
authors: ["Norman Walsh"],
publisher: "OASIS",
},
"EPUB3": {
title: "EPUB 3 Overview",
href: "http://www.idpf.org/epub/30/spec/",
publisher: "IDPF"
},
"EPUB3SSV" : {
title: "EPUB 3 Structural Semantics Vocabulary",
href: "http://www.idpf.org/epub/vocab/structure/",
publisher: "IDPF",
},
"EPUBINDEX": {
title: "EPUB Indexes 1.0",
href: "http://www.idpf.org/epub/idx/",
publisher: "IDPF"
}
}
};
</script>
<style type="text/css">
span[data-type=footnote] {
background-color: #d3d3d3;
border: solid 1px black;
border-radius: 0.25em;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
font-size: smaller;
}
#about-translation {
font-size: 80%;
border: 1px solid #36C;
background-color: #EEF;
margin: 0 0 2em 0;
padding: 1em;
}
</style>
</head>
<body>
<div data-type="note" id="about-translation">
<p>この文書は「<a href="http://oreillymedia.github.io/HTMLBook/">HTMLBook Specification</a> (Unofficial Draft, O'Reilly Media)」を JAGAT XML パブリッシング準研究会が、研究目的のために<a href="https://github.com/jagat-xpub/HTMLBook-JA">日本語訳</a>したものです。この仕様書の原文は <a href="https://github.com/oreillymedia/HTMLBook">https://github.com/oreillymedia/HTMLBook</a> にある英語版であり、その著作権は O’Reilly Media, Inc. が保有しています。この日本語訳は参考情報であり、翻訳の正確性を保証しません。</p>
<p>公開開始日: 2014-12-09</p>
</div>
<section id="abstract">
<p>本をHTMLで執筆しましょう！ HTMLBookはオープンで、XHTML5ベースでプリントとデジタル双方の本を執筆・制作するための標準です。 HTMLBookは以下のような前提で作られています。</p>
<ul>
<li>本は時代を超えたものです。基本的な「本」の構造は数百年続いており、そしてデジタルまたは印刷物のかたちで我々の生涯続くでしょう。</li>
<li>HTMLは予見し得る将来にわたって世界のマークアップ言語です。</li>
<li>ワンソースのドキュメント処理は予見し得る将来にわたって価値があり続けるでしょう。</li>
</ul>
<p>HTMLBook自体は以下のように特徴づけられています:</p>
<ul>
<li>HTMLBookはXHTML5のサブセットである。すべてのHTMLBookはXHTML5であるが、すべてのXHTML5がHTMLBookであるわけではない。</li>
<li>HTMLBookはXHTML5仕様にはない追加の要素や属性を含まない。</li>
<li>HTMLBookは、技術的ドキュメントまたはリファレンスドキュメントで使用されるより複雑なコンテンツも含め、意味的に本の構造にあわせてある。</li>
<li>HTMLBookはXMLスキーマで定義されており、XMLスキーマで妥当性を検証できる。</li>
<li>HTMLBookのスタイルシートはCSSで記述されている。</li>
</ul>
</section>
<section id="sotd">
</section>
<section>
<h2>HTMLBookに関する注記（原注）</h2>
<p>HTMLBook仕様でのHTML5要素の要件は以下の通り。 <code>data-type</code> 属性の特有の意味的活用については、別途注記がない限り <a href="http://idpf.org/epub/vocab/structure/">EPUB 3 Structural Semantics Vocabulary</a> による。</p>
<p>コンテンツモデルの多くについては「ブロック要素」または「インライン要素」を参照のこと；これらの各カテゴリに属するHTML5の要素の対応するリストについては、 <a href="#block_elements">Block Elements</a> および <a href="#inline_elements">Inline Elements</a> を参照のこと。</p>
<p>明記されていないコンテンツモデルまたは属性要件については、HTMLBookは [[!HTML5]] 仕様に対応する要件を採用している。</p>
</section>
<section>
<h2>改訂履歴と注記</h2>
<dl>
<dt>2014年4月8日</dt>
<dd>セクションサブタイトルの仕様を、 [[!HTML5]] 仕様の<a href="http://www.w3.org/TR/html5/common-idioms.html#common-idioms">“Common idioms without dedicated elements”</a> に記載されているベストプラクティスに準拠するように更新。</dd>
<dt>2013年12月29日</dt>
<dd>明確さのための小改訂</dd>
<dt>2013年8月13日</dt>
<dd>脚注のマークアップの仕様を改訂</dd>
<dt>2013年7月3日</dt>
<dd>本を特定するセマンティクスとして、 <code>class</code> の代わりに <code>data-type</code> 属性を使用するよう仕様を改訂。現時点では <code>class</code> 属性はユーザが望んで定義したセマンティクスとして自由に使用でき、かつ <code>class</code> の値に制約はない。仕様のユーザは <code>data-type</code> の値を <code>class</code> 属性の値に複製することにより容易にCSSでの体裁付与したいだろうが、これは完全に任意である。</dd>
<dt>2013年4月19日</dt>
<dd>ワーキングドラフト第1版リリース</dd>
</dl>
</section>
<section data-type="sect1" id="_book_component_elements">
<h1>本の構成要素</h1>
<section data-type="sect2" id="_book">
<h2>本</h2>
<p><strong>HTML要素</strong>: <code><body></code></p>
<p><strong>属性要件</strong>: <code>data-type="book"</code> <span data-type="footnote">([[EPUB3SSV]]ではなく、[[DOCBOOK]]由来)</span></p>
<p><strong>コンテンツモデル</strong>: 本の題名を含む省略可能な <code><h1></code> または本の題名および省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a>、次に、子として1個またはそれ以上の<a href="#_book_component_elements">本の構成要素</a> (<a href="#_part">部</a>要素を表す <code><div></code>、 <a href="#_table_of_contents">目次</a>を表す <code><nav></code>、そしてそのほかすべての本の区分を表す <code><section></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting" data-code-language="html"><body data-type="book">
<h1>jQuery Cookbook</h1>
<section data-type="chapter">
<!-- Chapter content here -->
</section>
</body></pre>
<p><strong>原注</strong>: HTML5標準同様、 <code><body></code> はルート <code><html></code> 要素の子である。</p>
</section>
<section data-type="sect2" id="_chapter">
<h2>章</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: <code>data-type="chapter"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は章の題名を含む <code><h1></code> または章題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="chapter">
<!-- h1 used for all chapter titles -->
<h1>Chapter Title</h1>
<p>Chapter content</p>
<section data-type="sect1">
<!-- Section content here... -->
</section>
</section></pre>
</section>
<section data-type="sect2" id="_appendix">
<h2>付録</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: 内容によって <code>data-type="appendix"</code> または <code>data-type="afterword"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は付録の題名を含む <code><h1></code> または付録の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="appendix">
<h1>Appendix Title</h1>
<p>Appendix content</p>
<section data-type="sect1">
<!-- Section content here... -->
</section>
</section></pre>
</section>
<section data-type="sect2" id="_bibliography">
<h2>書誌</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: <code>data-type="bibliography"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は書誌の題名を含む <code><h1></code> または書誌の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="bibliography">
<h1>Bibliography Title</h1>
<p>Bibliography content</p>
<section data-type="sect1">
<!-- Section content here... -->
</section>
</section></pre>
</section>
<section data-type="sect2" id="glossary">
<h2>用語集</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: <code>data-type="glossary"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は用語集の題名を含む <code><h1></code> または用語集の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p><strong>効率的な手法</strong>: 用語集の用語の一覧は <code>data-type</code> が "glossary" である <code><dl></code> 要素、<code>data-type</code> が "glossterm" である <code><dt></code> 子要素、 <code>data-type</code> が "glossdef" である <code><dd></code> 子要素を使用してマークアップすべきである。用語の文字列は <code><dfn></code> でラップすべきである。ただし、これは正式な仕様要件ではない。</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="glossary">
<h1>Glossary Title</h1>
<dl data-type="glossary">
<dt data-type="glossterm">
<dfn>jQuery</dfn>
</dt>
<dd data-type="glossdef">
Widely used JavaScript library
</dd>
</dl>
</section></pre>
</section>
<section data-type="sect2" id="_preface">
<h2>序文</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: 内容によって <code>data-type="preface"</code>, <code>data-type="foreword"</code>, または <code>data-type="introduction"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は序文の題名を含む <code><h1></code> または序文の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="preface">
<h1>Preface Title</h1>
<p>Preface content</p>
<section data-type="sect1">
<!-- Section content here... -->
</section>
</section></pre>
</section>
<section data-type="sect2" id="_frontmatter">
<h2>前付け</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: 内容によって <code>data-type="halftitlepage"</code>, <code>data-type="titlepage"</code>, <code>data-type="copyright-page"</code>, または <code>data-type="dedication"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は前付けの題名を含む <code><h1></code> または前付けの題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="titlepage">
<h1>Python in a Nutshell</h1>
<p>By Alex Martelli</p>
</section></pre>
</section>
<section data-type="sect2" id="_backmatter">
<h2>後付け</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: 内容によって <code>data-type="colophon"</code>, <code>data-type="acknowledgments"</code>, <code>data-type="afterword"</code>, または <code>data-type="conclusion"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は後付けの題名を含む <code><h1></code> または後付けの題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="colophon">
<h1>Colophon Title</h1>
<p>Colophon content</p>
<section data-type="sect1">
<!-- Section content here... -->
</section>
</section></pre>
</section>
<section data-type="sect2" id="_part">
<h2>部</h2>
<p><strong>HTML要素</strong>: <code><div></code></p>
<p><strong>属性要件</strong>: <code>data-type="part"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は部の題名を含む <code><h1></code> または部の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、任意の部の導入を構成するゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、部以外の<a href="#_book_component_elements">本の構成要素</a>を表すゼロ個以上の <code><section></code></p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><div data-type="part">
<h1>Part One: Introduction to Backbone.js</h1>
<p>Part Introduction...</p>
<section data-type="chapter">
<!-- Chapter content here -->
</section>
</div></pre>
</section>
<section data-type="sect2" id="_table_of_contents">
<h2>目次</h2>
<p><strong>HTML要素</strong>: <code><nav></code></p>
<p><strong>属性要件</strong>: <code>data-type="toc"</code></p>
<p><strong>コンテンツモデル</strong>: 目次は [[EPUB3]] <a href="http://www.idpf.org/epub/30/spec/epub30-contentdocs-20111011.html#sec-xhtml-nav">ナビゲーション文書</a>の仕様に適合しなければならない。最初の子はゼロ個以上の<a href="#_headings">見出し要素</a> (<code><h1>-<h6></code>)、続いて <code><ol></code> (<code><li></code> 子要素を持ち、それはひとつの <code><span></code> 要素か <code><a></code> 要素、それに加え、任意の <code><ol></code> 子要素だけを含めることができる)</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><nav data-type="toc">
<h1>Table of Contents</h1>
<ol>
<li><a href="examples_page.html">A Note Regarding Supplemental Files</a></li>
<li><a href="pr02.html">Foreword</a></li>
<li><a href="pr03.html">Contributors</a>
<ol>
<li><a href="pr03.html#I_sect1_d1e154">Chapter Authors</a></li>
<li><a href="pr03.html#I_sect1_d1e260">Tech Editors</a></li>
</ol>
</li>
</ol>
</nav></pre>
</section>
<section data-type="sect2" id="_index">
<h2>索引</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: <code>data-type="index"</code></p>
<p><strong>コンテンツモデル</strong>: 最初の子は索引の題名を含む <code><h1></code> または索引の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> であるべきである。次に、ゼロ個以上の<a href="#block_elements">ブロック要素</a>、次に、ゼロ個以上の <a href="#_sections">Sect1</a> 子要素 (<code><section data-type="sect1"></code>)</p>
<p><strong>効率的な手法</strong>: HTMLBook は [[EPUBINDEX]] の仕様に従い、必要に応じて意味の変化を使用できる <code>data-type</code>属性を持つ索引の見出し語をマークアップするために <code><ol></code>/<code><li></code> 要素の使用をお勧めします。ただしこれは正式な仕様要件ではありません。</p>
<p>
<strong>例</strong>
</p>
<pre data-type="programlisting"><section data-type="index">
<h1>Index Title</h1>
<div data-type="index:group">
<h2>A</h2>
<ol>
<li data-type="index:term">AsciiDoc, <a href="ch01#asciidoc" data-type="index:locator">All about AsciiDoc</a>
<ol>
<li data-type="index:term">conversion to HTML, <a href="ch01#asctohtml" data-type="index:locator">AsciiDoc Output Formats</a></li>
</ol>
</li>
<li data-type="index:term">azalea, <a href="ch01#azalea" data-type="index:locator">Shrubbery</a></li>
</ol>
</div>
</section></pre>
</section>
<section data-type="sect2" id="_sections">
<h2>節</h2>
<p><strong>HTML要素</strong>: <code><section></code></p>
<p><strong>属性要件</strong>: <code>data-type="sect1"</code>, <code>data-type="sect2"</code>, <code>data-type="sect3"</code>, <code>data-type="sect4"</code>, <code>data-type="sect5"</code> <span data-type="footnote">( [[DOCBOOK]] 語彙から)</span>, 階層レベルに応じて。 <code>sect1</code> は主な<a href="#_book_component_elements">本の構成要素</a> (章、付録、など) に直接ネストされた <code><section></code> 要素に使われる。 <code>sect2</code> は <code>sect1</code> <code><section></code> にネストされた<code><section></code> 要素に使われる。 <code>sect3</code> は <code>sect2</code> <code><section></code>にネストされた <code><section></code> 要素に使われる、など。</p>
<p><strong>コンテンツモデル</strong>: 最初の子は以下の <code>data-type</code> の値によって示される階層レベルに対応した主な<a href="#_headings">見出し</a>要素であるべきである。</p>
<pre data-type="programlisting">"sect1" -> h1
"sect2" -> h2
"sect3" -> h3
"sect4" -> h4
"sect5" -> h5</pre>
<p>または節の題名と省略可能な副題名コンテンツを含む <a href="#header_block">ヘッダーブロック</a> 。 続いてゼロ個以上の<a href="#block_elements">ブロック要素</a>。 続いてゼロ個以上の一つ下の階層の <code>data-type</code> の値を持つ <code><section></code> 要素、親の節が "sect4" かそれより高い範囲に限る (例えば <code><section data-type="sect4"></code> は <code><section data-type="sect3"></code> にネストされる)</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><section data-type="sect1">
<h1>A-Head</h1>
<p>If you httpparty, you must party hard</p>
<!-- Some more paragraphs -->
<section data-type="sect2">
<h2>B-Head</h2>
<p>What's the frequency, Kenneth?</p>
<!-- And so on... -->
</section>
</section></pre>
</section>
</section>
<section data-type="sect1" id="_block_elements">
<h1>ブロック要素</h1>
<section data-type="sect2" id="_paragraph">
<h2>パラグラフ</h2>
<p><strong>HTML要素</strong>: <code><p></code></p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><p>This is a standard paragraph with some <em>emphasized text</em></p></pre>
</section>
<section data-type="sect2" id="_sidebar">
<h2>サイドバー要素</h2>
<p><strong>HTML要素</strong>: <code><aside></code></p>
<p><strong>属性要件</strong>: <code>data-type="sidebar"</code></p>
<p><strong>コンテンツモデル</strong>: ゼロ個または1個の <code><h5></code> 要素 (サイドバーのタイトルを含む) ＋ ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><aside data-type="sidebar">
<h5>Amusing Digression</h5>
<p>Did you know that in Boston, they call it "soda", and in Chicago, they call it "pop"?</p>
</aside></pre>
</section>
<section data-type="sect2" id="_admonitions">
<h2>説諭要素</h2>
<p><strong>HTML要素</strong>: <code><div></code></p>
<p><strong>属性要件</strong>: <code>data-type="note"</code>, <code>data-type="warning"</code>, <code>data-type="tip"</code>, <code>data-type="caution"</code>, または <code>data-type="important"</code>, 配下のコンテンツに応じて</p>
<p><strong>コンテンツモデル</strong>: 以下のいずれか</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の <code><h1></code>-<code><h6></code> 要素 ＋ ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><div data-type="note">
<h1>Helpful Info</h1>
<p>Please take note of this important information</p>
</div></pre>
<pre data-type="programlisting"><div data-type="warning">Make sure to get your AsciiDoc markup right!</div></pre>
</section>
<section data-type="sect2" id="_tables">
<h2>テーブル要素</h2>
<p><strong>HTML要素</strong>: <code><table></code></p>
<p><strong>コンテンツモデル</strong>: ゼロ個または1個の <code><caption></code> 要素 (テーブルのタイトル、キャプション) ＋ ゼロ個以上の <code><colgroup></code> 要素 ＋ ゼロ個以上の <code><thead></code> 要素 ＋ ゼロ個以上の <code><tbody></code> 要素、または、ゼロ個以上の <code><tr></code> 要素 ＋ ゼロ個以上の <code><tfoot></code> 要素</p>
<p><strong>コンテンツモデル <code><caption></code> 要素</strong>: 以下のいずれか</p>
<ul>
<li>
<p>ゼロ個以上の <code><p></code> 要素および/または <code><div></code> 要素</p>
</li>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
</ul>
<p><strong>コンテンツモデル <code><colgroup></code> 要素</strong>: HTML5の仕様を参照</p>
<p><strong>コンテンツモデル <code><thead></code> 要素, <code><tbody></code> 要素, <code><tfoot></code> 要素</strong>: HTML5の仕様を参照</p>
<p><strong>コンテンツモデル <code><tr></code> 要素</strong>: HTML5の仕様を参照、ただし配下の <code><td></code> 要素や <code><th></code> 要素は下記の内容を参照</p>
<p><strong>コンテンツモデル <code><td></code> 要素, <code><th></code> 要素</strong>: 以下のいずれか</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><table>
<caption>State capitals</caption>
<tr>
<th>State</th>
<th>Capital</th>
</tr>
<tr>
<td>Massachusetts</td>
<td>Boston</td>
</tr>
<!-- And so on -->
</table></pre>
<pre data-type="programlisting"><table>
<thead>
<tr>
<th>First</th>
<th>Middle Initial</th>
<th>Last</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alfred</td>
<td>E.</td>
<td>Newman</td>
</tr>
<!-- And so on -->
</tbody>
</table></pre>
</section>
<section data-type="sect2" id="_figures">
<h2>図版要素</h2>
<p><strong>HTML要素</strong>: <code><figure></code></p>
<p><strong>コンテンツモデル</strong>: 以下のいずれか</p>
<ul>
<li>
<p><code><figcaption></code> 要素、続いてゼロ個以上の<a href="#block_elements">ブロック要素</a>および/または <code><img></code> 要素</p>
</li>
<li>
<p>ゼロ個以上の<a href="#block_elements">ブロック要素</a> ＋ <code><img></code> 要素、続いて <code><figcaption></code> 要素</p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><figure>
<figcaption>Adorable cat</figcaption>
<img src="cute_kitty.gif" alt="Photo of an adorable cat"/>
</figure></pre>
</section>
<section data-type="sect2" id="_examples">
<h2>例題要素</h2>
<p><strong>HTML要素</strong>: <code><div></code></p>
<p><strong>属性要件</strong>: <code>data-type="example"</code></p>
<p><strong>コンテンツモデル</strong>: 以下のいずれか</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の <code><h1></code>-<code><h6></code> 要素 (タイトルやサブタイトルのための)、続いてゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><div data-type="example">
<h5>Hello World in Python</h5>
<pre data-type="programlisting">print "Hello World"</pre>
</div></pre>
</section>
<section data-type="sect2" id="_code_listings">
<h2>コードリスト</h2>
<p><strong>HTML要素</strong>: <code><pre></code></p>
<p><strong>HTMLBook固有の属性オプション</strong>: <code>data-code-language</code>, コードリストの言語を示すために使用 (例： <code>data-code-language="python"</code>)</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><pre data-type="programlisting">print "<em>Hello World</em>"</pre></pre>
</section>
<section data-type="sect2" id="_ordered_lists">
<h2>順序付きリスト</h2>
<p><strong>HTML要素</strong>: <code><ol></code></p>
<p><strong>コンテンツモデル</strong>: 各リスト項目にゼロ個以上の <code><li></code> 子要素</p>
<p><strong><code><li></code> 子要素のコンテンツモデル</strong>: 以下のいずれかが許容されている:</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><ol>
<li>Step 1</li>
<li>
<p>Step 2</p>
<p>Step 2 continued</p>
</li>
<!-- And so on -->
</ol></pre>
</section>
<section data-type="sect2" id="_itemized_lists">
<h2>項目別リスト</h2>
<p><strong>HTML要素</strong>: <code><ul></code></p>
<p><strong>コンテンツモデル</strong>: 各リスト項目にゼロ個以上の <code><li></code> 子要素</p>
<p><strong><code><li></code> 子要素のコンテンツモデル</strong>: 以下のいずれかが許容されている:</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><ul>
<li>Red</li>
<li>Orange</li>
<!-- And so on -->
</ul></pre>
</section>
<section data-type="sect2" id="_definition_lists">
<h2>定義リスト</h2>
<p><strong>HTML要素</strong>: <code><dl></code></p>
<p><strong>コンテンツモデル</strong>: HTML5の仕様を反映する</p>
<p><strong><code><dt></code>子要素のコンテンツモデル</strong>: テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
<p><strong><code><dd></code>子要素のコンテンツモデル</strong>: 以下のいずれかが許容されている:</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><dl>
<dt>Constant Width Bold font</dt>
<dd>Used to indicate user input</dd>
</dl></pre>
</section>
<section data-type="sect2" id="_blockquote">
<h2>Blockquote</h2>
<p><strong>HTML要素</strong>: <code><blockquote></code></p>
<p><strong>コンテンツモデル</strong>: 次のいずれかが許容されている:</p>
<ul>
<li>
<p>テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
</li>
<li>
<p>ゼロ個以上の<a href="#block_elements">ブロック要素</a></p>
</li>
</ul>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><blockquote>
<p>When in the course of human events...</p>
<p data-type="attribution">U.S. Declaration of Independence</p>
</blockquote></pre>
<p><strong>原注</strong>: もしblockquoteがepigraphならば，<code>data-type="epigraph"</code>を追加する。例:</p>
<pre data-type="programlisting"><section data-type="chapter">
<h1>Conclusion</h1>
<blockquote data-type="epigraph">
<p>It ain't over till it's over.</p>
<p data-type="attribution">Yogi Berra</p>
</blockquote>
<p>In this final chapter of the book, we will…<p>
</section></pre>
</section>
<section data-type="sect2" id="_equation">
<h2>方程式</h2>
<p><strong>HTML要素</strong>: <code><div></code></p>
<p><strong>属性要件</strong>: <code>data-type="equation"</code> <span data-type="footnote">([[EPUB3SSV]]でなく [[DOCBOOK]]由来])</span></p>
<p><strong>原注</strong>: HTMLBookは、HTML文書にエンベッドしたMathMLをサポートしており、それはここで使用できる。</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><div data-type="equation">
<h5>Pythagorean Theorem</h5>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<msup><mi>a</mi><mn>2</mn></msup>
<mo>+</mo>
<msup><mi>b</mi><mn>2</mn></msup>
<mo>=</mo>
<msup><mi>c</mi><mn>2</mn></msup>
</math>
</div></pre>
</section>
</section>
<section data-type="sect1" id="_inline_elements">
<h1>インライン要素</h1>
<section data-type="sect2" id="_emphasis_generally_for_italic">
<h2>強調 (通常、斜体表記)</h2>
<p><strong>HTML要素</strong>: <code><em></code></p>
<p>例:</p>
<pre data-type="programlisting"><p>I <em>love</em> HTML!</p></pre>
</section>
<section data-type="sect2" id="_strong_generally_for_bold">
<h2>強調 (通常、太字表記)</h2>
<p><strong>HTML要素</strong>: <code><strong></code></p>
<p>例:</p>
<pre data-type="programlisting"><p>I <strong>love</strong> HTML!</p></pre>
</section>
<section data-type="sect2" id="_literal_for_inline_code_elements_variables_functions_etc">
<h2>リテラル (行中のプログラムコードのための要素: 変数、関数、等)</h2>
<p><strong>HTML要素</strong>: <code><code></code></p>
<p>例:</p>
<pre data-type="programlisting"><p>Enter <code>echo "Hello World"</code> on the command line</p></pre>
</section>
<section data-type="sect2" id="_general_purpose_phrase_markup_for_other_styling_underline_strikethrough_etc">
<h2>その他の体裁 (下線、取り消し線、等) のための、多目的なフレーズのマークアップ</h2>
<p><strong>HTML要素</strong>: <code><span></code></p>
<p>例:</p>
<pre data-type="programlisting"><p>Use your own data-type or class attributes for custom styling for formatting
like <span data-type="strikethrough">strikethrough</span></p></pre>
</section>
<section data-type="sect2" id="_footnote_endnote">
<h2>脚注、末注</h2>
<p><strong>HTML要素</strong>: <code><span></code></p>
<p><strong>属性要件</strong>: <code>data-type="footnote"</code></p>
<p><strong>コンテンツモデル</strong>: テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><p>Five out of every six people who try AsciiDoc prefer it to
Markdown<span data-type="footnote">Totally made-up statistic</span></p></pre>
<p><strong>原注</strong>:</p>
<ul>
<li>
<p><code><span></code>要素はブロック要素の子 (および 2014年4月現在、インラインコンテクストで使用され脚注として意味的に受容されるような他のいかなる HTML5 要素も) を受け入れない。もし複数のコンテンツのブロックを脚注に含めたいのであれば、<code><br/></code>要素を使って区切る、例えば:</p>
<pre data-type="programlisting"><p>This is a really short paragraph.<span data-type="footnote">Largely because I like
to put lots and lots of content in footnotes.<br/><br/>
For example, let me tell you a story about my dog...</span></p></pre>
</li>
<li>
<p>脚注のコンテンツの望ましい表現 (例えば、ページ下部または節の後ろにフローティング/移動する脚注、適切なしるしや番号の追加) は XSL/CSS スタイルシートで処理されるはずである。</p>
</li>
</ul>
</section>
<section data-type="sect2" id="_cross_references">
<h2>相互参照</h2>
<p><strong>HTML要素</strong>: <code><a></code></p>
<p><strong>属性要件</strong>: <code>data-type="xref"</code> <span data-type="footnote">([[DOCBOOK]]由来)</span>、ローカルの HTMLBook リソースを参照するIDを指す <code>href</code> 属性、 XREF のスタイルを指定するための <code>data-xrefstyle</code> (任意)</p>
<p>例:</p>
<pre data-type="programlisting"><section id="html5" data-type="chapter">
<h1>Intro to HTML5<h1>
<p>As I said at the beginning of <a data-type="xref" href="#html5">Chapter 1</a>, HTML5 is great...</p>
<!-- Blah blah blah -->
</section></pre>
</section>
<section data-type="sect2" id="_index_term">
<h2>索引語</h2>
<p><strong>HTML要素</strong>: <code><a></code></p>
<p><strong>属性要件</strong>: <code>data-type="indexterm"</code>。主たる索引の項目の値のためには <code>data-primary</code> を使う。第二位の索引の項目の値のためには <code>data-secondary</code> を使う。第三位の索引の項目の値のためには <code>data-tertiary</code> を使う。現在のものに代えて使うべき索引への参照のためには <code>data-see</code> を使う。現在のものに加えて使うべき索引への参照のためには <code>data-seealso</code> を使う。アルファベット順で並べて表示するための整理のための値のためには <code>data-primary-sortas</code> 、 <code>data-secondary-sortas</code> 、または <code>data-tertiary-sortas</code> を使う。索引の範囲の最後を示すためのタグのためには <code>data-startref="開始の索引マーカーのID"</code> <span data-type="footnote">([[DOCBOOK]] の語義由来)</span> を使う。</p>
<p><strong>コンテンツモデル</strong>: なし</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><p>The Atlas build system<a data-type="indexterm" data-primary="Atlas" data-secondary="build system"/> lets
you build EPUB, Mobi, PDF, and HTML content</p></pre>
</section>
<section data-type="sect2" id="_superscripts">
<h2>上付き文字</h2>
<p><strong>HTML要素</strong>: <code><sup></code></p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><p>The area of a circle is πr<sup>2</sup></p></pre>
</section>
<section data-type="sect2" id="_subscripts">
<h2>下付き文字</h2>
<p><strong>HTML要素</strong>: <code><sub></code></p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><p>The formula for water is H<sub>2</sub>O</p></pre>
</section>
</section>
<section data-type="sect1" id="_heading_elements">
<h1>見出し要素</h1>
<section data-type="sect2" id="_headings">
<h2>見出し</h2>
<p><strong>HTML要素</strong>: <code><h1></code>, <code><h2></code>, <code><h3></code>, <code><h4></code>, <code><h5></code>, or <code><h6></code></p>
<p><strong>コンテンツモデル</strong>: テキストおよび/またはゼロ個以上の<a href="#inline_elements">インライン要素</a></p>
<p><strong>原注</strong>: 本の主な構成要素 (例：章、部、付録) の多くは見出しを必要とする。<code><h1></code>-<code><h6></code> からの適切な要素は下記の通りである。これらの構成要素に対応する節にも同様に概説してある:</p>
<pre data-type="programlisting">本のタイトル -> h1
部のタイトル -> h1
章のタイトル -> h1
前書きのタイトル -> h1
付録のタイトル -> h1
奥付のタイトル -> h1
献辞のタイトル -> h1
用語解説のタイトル -> h1
参考文献のタイトル -> h1
sect1のタイトル -> h1
sect2のタイトル -> h2
sect3のタイトル -> h3
sect4のタイトル -> h4
sect5のタイトル -> h5
サイドバーのタイトル -> h5</pre>
</section>
<section data-type="sect2" id="header_block">
<h2>ヘッダーブロック</h2>
<p><strong>HTML要素</strong>: <code><header></code></p>
<p><strong>コンテンツモデル</strong>: 前の <a href="#_headings">見出し</a> の節で述べた、親の構成要素に対して適切なレベルを指定した見出しの要素 (<code>h1</code>–<code>h5</code>) (例えば章の <code><header></code> に対する <code><h1></code>)。それから、副題または著者の属性のためのゼロ個以上の <code><p></code> 要素。それらは <code>data-type</code> として <code>subtitle</code> または <code>author</code> を指定しなければならない。</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><section data-type="chapter">
<header>
<h1>Chapter title</h1>
<p data-type="subtitle">Chapter subtitle</p>
</header>
<!-- Chapter content here... -->
</section></pre>
</section>
</section>
<section data-type="sect1" id="_interactive_elements">
<h1>インタラクティブ要素</h1>
<section data-type="sect2" id="_video">
<h2>ビデオ</h2>
<p><strong>HTML要素</strong>: <code><video></code></p>
<p><strong>例</strong>:</p>
<p><strong>原注</strong>: HTML5インタラクティブコンテンツをサポートしていない出力フォーマットのために、フォールバックコンテンツを<em>強く推奨する</em>。</p>
<pre data-type="programlisting"><video id="asteroids_video" width="480" height="270" controls="controls" poster="images/fallback_image.png">
<source src="video/html5_asteroids.mp4" type="video/mp4"/>
<source src="video/html5_asteroids.ogg" type="video/ogg"/>
<em>Sorry, the &lt;video&gt; element not supported in your
reading system. View the video online at http://example.com.</em>
</video></pre>
</section>
<section data-type="sect2" id="_audio">
<h2>音声</h2>
<p><strong>HTML要素</strong>: <code><audio></code></p>
<p><strong>原注</strong>: HTML5 インタラクティブコンテンツをサポートしない出力形式のために、音声が再生できなかった場合の代替のコンテンツを用意することを<em>強く推奨する</em>。</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><audio id="new_slang">
<source src="audio/new_slang.wav" type="audio/wav"/>
<source src="audio/new_slang.mp3" type="audio/mp3"/>
<source src="audionew_slang.ogg" type="audio/ogg"/>
<em>Sorry, the &lt;audio&gt; element is not supported in your
reading system. Hear the audio online at http://example.com.</em>
</audio></pre>
</section>
<section data-type="sect2" id="_canvas">
<h2>キャンバス</h2>
<p><strong>HTML要素</strong>: <code><canvas></code></p>
<p><strong>原注</strong>: HTML5 または JavaScript をサポートしない環境のために、代替となるもの (例えばリンクまたは画像) を含めるべきである。
HTMLBookドキュメントの<code><head></code>要素に、キャンバスの操作のための JS のコードを含む/参照するような<code><script></code>要素を含めることができる。</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><canvas id="canvas" width="400" height="400">
Your browser does not support the HTML 5 Canvas. See the interactive example at http://example.com.
</canvas></pre>
</section>
</section>
<section data-type="sect1" id="_comments">
<h1>コメント</h1>
<p>HTMLBookドキュメントにコメントを追加するには、標準のHTML/XMLのコメント構文を使用する:</p>
<pre data-type="programlisting"><!-- This is a comment --></pre>
<p>または、<code>data-type="comment"</code> という属性を任意のHTML要素に追加する。例:</p>
<pre><div data-type="comment">This is a comment preceding a paragraph of text</div>
<p>This is a paragraph of text <span data-type="comment">Inline comment in paragraph</span></p></pre>
</section>
<section data-type="sect1" id="_metadata">
<h1>メタデータ</h1>
<section data-type="sect2" id="_metadata_points">
<h2>メタデータ項目</h2>
<p><strong>HTML要素</strong>: <code><meta></code></p>
<p><strong>属性要件</strong>: <code>name</code> (メタデータ項目の名称); <code>content</code>: (メタデータ項目の値)</p>
<p><strong>コンテンツモデル</strong>: なし</p>
<p><strong>原注</strong>: すべての <code><meta></code> 要素はHTMLファイルの <code><head></code> 要素の子であるべきである。</p>
<p><strong>例</strong>:</p>
<pre data-type="programlisting"><head>
<title>Title of the Book</title>
<meta name="isbn-13" content="9781449344856"/>
</head></pre>
</section>
</section>
<section data-type="sect1" id="_element_classification">
<h1>要素の種別</h1>
<section data-type="sect2" id="block_elements">
<h2>ブロック要素</h2>
<p>HTMLBookでは、HTML5仕様において<a href="http://www.w3.org/TR/html5/dom.html#flow-content">フローコンテンツ</a>として分類されている要素の大多数 (<a href="http://www.w3.org/TR/html5/dom.html#heading-content">ヘッディングコンテンツ</a>、<a href="http://www.w3.org/TR/html5/dom.html#phrasing-content">フレージングコンテンツ</a>、または<a href="http://www.w3.org/TR/html5/dom.html#sectioning-content">セクショニングコンテンツ</a>としても分類されている要素を除く) はブロック要素として考えられている。一覧を示す:</p>
<ul>
<li>
<p>
<code><address></code>
</p>
</li>
<li>
<p>
<code><aside></code>
</p>
</li>
<li>
<p>
<code><audio></code>
</p>
</li>
<li>
<p>
<code><blockquote></code>
</p>
</li>
<li>
<p>
<code><canvas></code>
</p>
</li>
<li>
<p>
<code><dd></code>
</p>
</li>
<li>
<p>
<code><details></code>
</p>
</li>
<li>
<p>
<code><div></code>
</p>
</li>
<li>
<p>
<code><dl></code>
</p>
</li>
<li>
<p>
<code><embed></code>
</p>
</li>
<li>
<p>
<code><fieldset></code>
</p>
</li>
<li>
<p>
<code><figure></code>
</p>
</li>
<li>
<p>
<code><form></code>
</p>
</li>
<li>
<p>
<code><hr></code>
</p>
</li>
<li>
<p>
<code><iframe></code>
</p>
</li>
<li>
<p>
<code><map></code>
</p>
</li>
<li>
<p><code><math></code> (MathMLの語彙; <code>http://www.w3.org/1998/Math/MathML</code> の名前空間下に置かれるべき)</p>
</li>
<li>
<p>
<code><menu></code>
</p>
</li>
<li>
<p>
<code><object></code>
</p>
</li>
<li>
<p>
<code><ol></code>
</p>
</li>
<li>
<p>
<code><p></code>
</p>
</li>
<li>
<p>
<code><pre></code>
</p>
</li>
<li>
<p><code><svg></code> (SVGの語彙; <code>http://www.w3.org/2000/svg</code> の名前空間下に置かれるべき)</p>
</li>
<li>
<p>
<code><table></code>
</p>
</li>
<li>
<p>
<code><ul></code>
</p>
</li>
<li>
<p>
<code><video></code>
</p>
</li>
</ul>
</section>
<section data-type="sect2" id="inline_elements">
<h2>インライン要素</h2>
<p>HTMLBookでは、HTML5仕様において<a href="http://www.w3.org/TR/html5/dom.html#phrasing-content">フレージングコンテンツ</a>として分類されている要素の大多数はインライン要素として考えられている。一覧を示す:</p>
<ul>
<li>
<p>
<code><a></code>
</p>
</li>
<li>
<p>
<code><abbr></code>
</p>
</li>
<li>
<p>
<code><b></code>
</p>
</li>
<li>
<p>
<code><bdi></code>
</p>
</li>
<li>
<p>
<code><bdo></code>
</p>
</li>
<li>
<p>
<code><br></code>
</p>
</li>
<li>
<p>
<code><button></code>
</p>
</li>
<li>
<p>
<code><command></code>
</p>
</li>
<li>
<p>
<code><cite></code>
</p>
</li>
<li>
<p>
<code><code></code>
</p>
</li>
<li>
<p>
<code><datalist></code>
</p>
</li>
<li>
<p>
<code><del></code>
</p>
</li>
<li>
<p>
<code><dfn></code>
</p>
</li>
<li>
<p>
<code><dt></code>
</p>
</li>
<li>
<p>
<code><em></code>
</p>
</li>
<li>
<p>
<code><i></code>
</p>
</li>
<li>
<p>
<code><input></code>
</p>
</li>
<li>
<p>
<code><img></code>
</p>
</li>
<li>
<p>
<code><ins></code>
</p>
</li>
<li>
<p>
<code><kbd></code>
</p>
</li>
<li>
<p>
<code><keygen></code>
</p>
</li>
<li>
<p>
<code><label></code>
</p>