/
405.txt
1018 lines (769 loc) · 45 KB
/
405.txt
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
* [CODE(HTMLe)@en[hr]] 要素 (HTML)
[63]
[[HTML]] の [DFN[[CODE(HTMLe)@en[[[hr]]]] [[要素]]]]は、
[[段落]]レベルでの区切れ目を表します。
例えば、[[小説]]の途中の場面の変わり目を表すために使うことができます。
[SRC@en[[[HTML 5]]]]
@@
[64] この[[要素]]の[[意味]]は [[HTML 5]]
で改められました。しかし [[HTML 5]] は未完成で、
今後更に定義が改められる可能性もあります。
また、この項の説明はまだ必ずしも [[HTML 5]]
の新しい定義に則っていません。
[9]
:[[名前空間URI]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
:[[局所名]]:[CODE(HTMLe)@en[[[hr]]]]
([Q@en[horizontal rule]] ([Q[[[水平線]]]]) より)
:種類:[[ブロック水準要素]] (>>67)
:[[開始タグ]]:必須
:[[終了タグ]]:禁止
:[[内容モデル]]:[[空]]
:文脈:[[ブロック水準要素]]が認められる場所 (>>67)
:[[属性]]:
,属性名 ,属性値 ,既定値 ,説明 ,出典
,[CODE(HTMLa)[[[accesskey]]]] , , , ,[WinIE]
,[CODE(HTMLa)[[[align]]]] , ,[CODE(HTML)[[[center]]]] ,配置 ,"[HTML 2.x] %[[just]], [HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
,[CODE(HTMLa)[[[atomicselection]]]] , ,[CODE(HTML)[[[false]]]] , ,[WinIE]
,[CODE(HTMLa)[[[begin]]]] , , , ,[WinIE] [[HTML+TIME]]
,[CODE(HTMLa)[[[class]]]] , , ,[[級]] ,"[HTML 4] %[[coreattr]], [ISO-HTML] %[[core]], [XHTML 1] [[Core]] ⊂ [[Common]]"
,[CODE(HTMLa)[[[color]]]] ,[CODE(SGML)[%[[Color]]]] , ,色 ,"[WinIE], [iモード 4.0]"
,[CODE(HTMLa)[[[dir]]]] , , ,[[書字方向]] ,"[HTML 4] %[[i18n]], [ISO-HTML] %[[i18n]], [XHTML 1] [[I18N]] ⊂ Common"
,[CODE(HTMLa)[[[end]]]] , , , ,[WinIE] [[HTML+TIME]]
,[CODE(HTMLa)[[[hidefocus]]]] , ,[CODE(HTMLa)[[[false]]]] , ,[WinIE]
,[CODE(HTMLa)[[[id]]]] , , ,一意識別子 ,"[HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core ⊂ Common"
,[CODE(HTMLa)[[[invertborder]]]] ,(真偽値属性) ,(偽) ,盛上り ,[WebTV]
,[CODE(HTMLa)[[[label]]]] ,[CODE(SGML)[%[[Text]]]] ,(なし) , ,[[Emacs/W3]]
,[CODE(HTMLa)[[[lang]]]] , , ,[[自然言語]] ,"[HTML 4] %i18n, [ISO-HTML] %i18n, [XHTML 1] 遺物"
,[CODE(HTMLa)[[[xml]]:lang]] , , ,自然言語 ,[XHTML 1] I18N ⊂ Common
,[CODE(HTMLa)[[[language]]]] , , ,スクリプト言語 ,[WinIE]
,[CODE(HTMLa)[[[noshade]]]] ,([[真偽値属性]]) ,([[偽]]) ,影無し ,"[HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
,[CODE(HTMLa)[[[onactivate]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onbeforeactivate]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onbeforecut]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onbeforedeactivate]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onbeforepaste]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onblur]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onclick]]]] , , , ,"[HTML 4] %[[events]], [[Events]] ⊂ Common"
,[CODE(HTMLa)[[[oncontextmenu]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[oncontrolselect]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[oncopy]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[oncut]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondblclick]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[ondeactivate]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondrag]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondragend]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondragenter]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondragleave]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondragover]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondragstart]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ondrop]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onfocus]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onfocusin]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE 6]
,[CODE(HTMLa)[[[onfocusout]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE 6]
,[CODE(HTMLa)[[[onhelp]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onkeydown]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onkeypress]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onkeyup]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onlayoutcomplete]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onlosecapture]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onmousedown]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseenter]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onmouseleave]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onmousemove]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseout]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseover]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseup]]]] , , , ,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmousewheel]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE 6]
,[CODE(HTMLa)[[[onmove]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onmoveend]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onmovestart]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onpaste]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onpropertychange]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onreadystatechange]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onresize]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onresizeend]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onresizestart]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[onrowenter]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE] 廃止?
,[CODE(HTMLa)[[[onrowexit]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE] 廃止?
,[CODE(HTMLa)[[[onselectstart]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(HTMLa)[[[ontimeerror]]]] ,[CODE(SGML)[%[[Script]]]] ,(なし) , ,[WinIE]
,[CODE(SGMLa)[[[SDAPREF]]]] ,[CODE(SGML)[&#[[RE]];&#RE;]] (固定) ,== ,[SAMP(CSS)[::[[before]]{[[content]]}]] ,[HTML 2]
,[CODE(HTMLa)[[[size]]]] ,[CODE(SGML)[%[[Pixels]]]] , ,高さ ,"[HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
,[CODE(HTMLa)[[[style]]]] , , ,スタイル情報 ,"[HTML 4] %coreattr, [XHTML 1] [[Style]] ⊂ Common"
,[CODE(HTMLa)[[[syncmaster]]]] , , , ,[WinIE] HTML+TIME
,[CODE(HTMLa)[[[systemBitrate]]]] , , , ,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[systemCaptions]]]] , , , ,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[systemLanguage]]]] , , , ,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[systemOverdubOrSubtitle]]]] , , , ,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[tabindex]]]] ,[CODE(SGML)[[[NUMBER]]]] , ,タブ順 ,[WinIE]
,[CODE(HTMLa)[[[textalign]]]] , , ,[CODE(HTMLa)[label]] 配置 ,[[Emacs/W3]]
,[CODE(HTMLa)[[[timecontainer]]]] , , , ,[WinIE] HTML+TIME
,[CODE(HTMLa)[[[title]]]] , , ,注釈的題 ,"[HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core ⊂ Common"
,[CODE(HTMLa)[[[unselectable]]]] , , , ,[WinIE]
,[CODE(HTMLa)[[[width]]]] ,[CODE(SGML)[%[[Length]]]] , ,幅 ,"[HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
[8] 仕様書:
- [DEL@en[[[HTML 2.0]]: [[RFC 1866]] <urn:ietf:rfc:1866>]] ([[廃止]])
-- [CSECTION@en[5.9. Horizontal Rule: [CODE(HTMLe)@en[HR]]]]
- [[HTML 3.2]]
-- [CSECTION@en[Block and Text level elements]]
<http://www.w3.org/TR/REC-html32#level>
-- [CSECTION@en[Block elements]]
<http://www.w3.org/TR/REC-html32#block>
-- [CSECTION@en[[CODE(HTMLe)@en[HR]] - horizontal rules]]
<http://www.w3.org/TR/REC-html32#hr>
- [[HTML 4]]
-- [CSECTION@en[15.3 Rules: the [CODE(HTMLe)[HR]] element]]
<IW:HTML4:"present/graphics.html#edef-HR">
- [[XHTML m12n]]
-- [CSECTION@en[5.4.1. Presentation Module]]
<IW:XHTML1m12n:"abstract_modules.html#s_presentationmodule">
- [HTML 5] [CITE@en-GB-x-hixie[Web Applications 1.0]]
-- [CSECTION@en-GB-x-hixie[The [CODE(HTMLe)@en[hr]] element]]
<http://www.whatwg.org/specs/web-apps/current-work/#hr>
- [[Netscape]]
-- ''HTML Tag Reference''
<http://devedge.netscape.com/library/manuals/1998/htmlguide/tags15.html#tags:HR>
- [[WinIE]]
-- HR
<http://www.microsoft.com/japan/developer/library/jpisdk/dhtml/references/html/HR.htm>
-- ''HR Element | hr Object (Internet Explorer)''
<http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/hr.asp>
- [[WebTV]]
-- ''<HR>''
<http://web.archive.org/web/20000304145815/developer.webtv.net/authoring/html/hr.html#1016898>
- [[iモード]]
-- ''iモード対応HTML Version1.0 タグ''
<http://www.nttdocomo.co.jp/mc-user/i/tag/hr.html>
-- ''iモード対応HTML Version4.0 タグ''
<http://www.nttdocomo.co.jp/mc-user/i/tag/hr4.html>
** 代替
[65] 以前は [CODE(HTMLe)@en[[[hr]]]]
は[[水平線]]を引くための[[要素]]でした。
現在では単に[[水平線]]を引くために [CODE(HTMLe)@en[[[hr]]]]
を使うのは不適切と考えられています。
[66]
[[CSS]] の [CODE(CSS)@en[[[border]]]] 系の[[特性]]を使うと、
任意の[[要素]]の周りに線を引くことができます。
[[線種]]など [CODE(HTMLe)@en[[[hr]]]]
より細かい指定が可能です。
[[#comment]]
** 文脈と分類
[67] [CODE(HTMLe)@en[[[hr]]]] は[[ブロック水準要素]]であり、
[[ブロック水準要素]]が認められている場所で使うことができます。
[SRC@en[[[HTML 5]]]]
[68] [[HTML 2]] では [CODE(HTMLe)@en[[[hr]]]] は
[CODE(HTMLe)@en[[[body]]]] の[[子供]]など
[CODE(SGML)[%[[body.content]];]] として、あるいは
[CODE(HTMLe)@en[[[pre]]]] の[[子供]]として使えるとされていました。
なぜ [CODE(HTMLe)@en[[[pre]]]] 内で認められていたのかはよくわかりません。
[69] [[HTML 3.2]] では [CODE(HTMLe)@en[[[hr]]]]
は[[ブロック水準要素]]に分類されました。 [[HTML 3.2]]、
[[HTML 4]]、[[ISO-HTML]] の [[DTD]] では[[引数実体]]
[CODE(SGML)@en[%[[block]];]] に含まれていました。
[1] [[WinIE 3.0]] では [CODE(HTMLe)[hr]] 要素は [CODE(HTMLe)[[[p]]]]
要素の子要素になることができます:
''ブラウザーによって振る舞いの異なるタグ : 他にもありますか?''
<http://tohoho.wakusei.ne.jp/lng/199801/98012000.htm>
[2] 昔の [[FrontPage]] で「水平線」を引くと、 [CODE(HTML)[<P><HR></P>]]
が挿入されましたね、たしか。
[3] >>2 手動で [CODE(HTML)[<p>]] を削除してもわざわざ直してくれるのね、親切にも。
[6] 何だったか忘れましたけど、 FrontPage 以外の
[[WYSIWYG]] な HTML editor でも [CODE(HTML)[<P><HR></P>]]
なのがありました。どう考えてもおかしいのに、
なぜこんなのが広まったのかな?
お尻 [CODE(HTMLe)[p]] 的に [CODE(HTML)[<P><HR><P>]]
ならまだ分かるのだけど。。。
[WEAK[(そしてこれも実際よく使われていたけど。。。)]]
[70] [[XHTML m12n]] では[[表現]][[モジュール]]の[[ブロック表現]][[モジュール]]の一部として定義されていました。
[[内容集合]]としては[[ブロック]]に含まれていました。
[[DTD実装]]では [CODE(XML)@en[%[[Block.class]];]]
に含まれる [CODE(XML)@en[%[[BlkPres.class]];]]
に含まれていました。
[[#comment]]
** レンダリング
[19] [CODE(HTMLe)[hr]] 要素は、
横幅一杯に罫線か等価な図形を表示します
[SRC[RFC 1866 5.9]]。
[12] [CODE(HTMLe)[hr]] 要素の水平線とその前後のものとの間の余白の量は
UA 依存です [SRC[HTML 4 15.3]]。
[21] 音声 UA では、 [CODE(HTMLe)[hr]]
は「間」としてレンダリングできます
[SRC[HTML 3.2 [CODE(HTMLe)[hr]]]]。
*** [CODE(HTMLe)@en[hr]] 要素のレンダリングと CSS
[58] [[CSS]] は[[箱モデル]]を採用しており、
[[内容]]が[[箱]]に含まれていることを設計上の大前提としています。
しかし [CODE(HTMLe)@en[[[hr]]]]
は[Q[区切り]]を横線として示すものですから、
[[CSS]] が規定するレンダリング・モデルとの対応は必ずしも明確ではありません。
[11]
[CODE(HTMLe)@en[[[hr]]]] 要素型は [[CSS]]
の仕様ができる以前から使われていましたから、
当時の [[Webブラウザ]]は [[CSS]] に基づかない
[WEAK[([CODE(HTMLe)@en[[[hr]]]] 要素の属性や文脈や利用者の設定だけに依存する)]]
レンダリング方法を採っていました。この時点で既に、
既定の状態で [CODE(HTMLe)@en[[[hr]]]] をどうレンダリングするのかや、
[CODE(HTMLe)@en[[[hr]]]] のどんな属性をどう反映するのかが各
[[Webブラウザ]]で様々でした。
このようなブラウザが後に [[CSS]] に対応する時には、
従来のレンダリング方法に後付けで [[CSS]]
による指定も考慮するようにされました。
しかし、具体的に [[CSS]]
のどのような指定をどう反映するかは何らかの仕様で定められていたわけではなく、
前述のように自明でもないのですから、
[[Webブラウザ]]の制作者の裁量となっています。
- [4] ''hr要素へのスタイル指定'' <http://cssbug.at.infoseek.co.jp/misc/hr.html>
- [5] Safari スレ
<http://pc2.2ch.net/test/read.cgi/hp/1041996555/205-212>
- [10] ''罫線(hr要素)の色を変える方法 - Web標準普及プロジェクト''
<http://www.mozilla.gr.jp/standards/webtips0003.html>
- [14] ''Styling <hr>'' <http://www.sovavsiti.cz/css/hr.html>
** 歴史
*** [CODE(HTMLe)@en[hr]] の誕生
[27] 1993年7月末の [[WWWWW]] 会議で [CODE(HTMLe)[hr]] が
HTML 仕様に取入れられることが決まりました。
;;
出典: [[www-talk]] ''EMail Msg <9308102156.AA06138@austin.BSDI.COM>''
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/459.html>
決まったものの[[物理要素]]を新たに追加することへの批判もありました。
[28] [[Dan Connolly]] の [CODE(file)[html.dtd,v]] によれば、、
1994年4月1日付けのもの (1.7 版) で初めて [CODE(HTMLe)[hr]]
要素型が定義されたこととなっています。
;;
その一つ前の1993年7月1日版 (1.6 版)
はいわゆる [[HTML 1.0]] Internet Draft
<urn:ietf:id:draft-ietf-iiir-html-01> に使われたと注釈が入っていますが、
実際には 1.7 版と (RCS の文字列を除き) まったく同じ内容で、 Internet Draft
に使われたのはもっと古い版です。 (Dan が [CODE(file)[html.dtd,v]]
を作ったのが1994年4月頃と推測され、それ以前の記録は不正確です。)
1993年11月30日に DTD の構文的な誤りを訂正したものが電子ニュースなどに流れています。
その内容は 1.6 版・1.7 版と (RCS の文字列を除き) まったく同じです。
この DTD には [CODE(HTMLe)[hr]] が含まれています。
;;
参考: [CITE[Request for a valid HTML.DTD at CERN]]
<http://www.kevcom.com/words/ht93/html.dtd.txt>
以上より、 [CODE(file)[html.dtd]] に [CODE(HTMLe)[hr]] が追加されたのは
1993年7月末から1993年11月16日の間と推測されます。
(Dan が渋る理由はないでしょうから、8月の初めには入っていたと思われます。)
[24] 1993年8月には [[Lynx]] 2.0.11 が [CODE(HTMLe)[hr]] に対応しました。
> The <hr> tag puts a horizontal line seperating two bodies of text.
The <hr> tag may be used anywhere.
と説明しています。
;;
出典: [[www-talk]] ''EMail Msg <9308260107.AA23088@stat1.cc.ukans.edu>''
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/774.html>
[25] 1993年10月には、 [CODE(HTMLe)[[[sep]]]] 要素型が提案されています。
区切り図形を挿入したいのに [CODE(HTMLe)[[[img]]]] では非図形 UA
で困るというのが提案理由でしたが、 [[HTML+]] 提案では
[CODE(HTMLe)[hr]] 要素で属性を指定して実現できることや
[CODE(HTMLe)[img]] でも [CODE(HTMLa)[[[alt]]]]
を指定すれば良いではないかと言われています。
;;
出典: [[www-talk]] ''EMail Msg <9310011416.AA18180@crh.cl.msu.edu>''
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/6.html>
[26] 1993年11月には [[NCSA Mosaic]] for [[X]] 2.0 が [CODE(HTMLe)[hr]]
に対応しました。
;;
出典: [[www-html]] ''EMail Msg <9311100824.AA01715@wintermute.ncsa.uiuc.edu>''
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/444.html>
[27] 1994年2月には [[Cello]] 1.0 が [CODE(HTMLe)[hr]] に対応しました。
[80]
[CITE[EMail Msg <9308260107.AA23088@stat1.cc.ukans.edu>]] ([CODE[2007-07-01 04:44:10 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/774.html>
([[名無しさん]])
[[#comment]]
*** 属性の増殖
@@ [CODE(HTMLa)@en[[[noshade]]]], [CODE(HTMLa)@en[[[color]]]]
など
@@ [CODE(HTMLe)@en[[[hr]]]] による装飾
@@ [[HTML 3]]
[[#comment]]
*** 標準化の進展
[16] HTML 2.0 [SRC[RFC 1866 5.9]] では、
> The <HR> element is a divider between sections of text; typically a full width horizontal rule or equivalent graphic.
と規定されていました。
[20] HTML 3.2 [SRC[HTML 3.2 [CODE(HTMLe)[hr]]]]
では、
> Horizontal rules may be used to indicate a change in topic. In a speech based user agent, the rule could be rendered as a pause.
とされています。 [Q[full width〜]]
という解説がなくなったのは [CODE(HTMLa)[width]]
属性が導入されたからでしょう。
[22] HTML 4 [SRC[HTML 4 15.3]] では、
> The HR element causes a horizontal rule to be rendered by visual user agents.
> The amount of vertical space inserted between a rule and the content that surrounds it depends on the user agent.
とされています。仕様書の編成も大きく変わっていて、
[CITE[15 Alignment, font styles, and horizontal rules]]
という視覚表現に関する章の一部となっています。
そのためでしょうか、 >>16-20 が
[Q[a change in topic]] などと述べていた構造的意味が説明から消えています。
[[#comment]]
*** 暗黙の非推奨
[71] [[表現的]]な[[要素]]や[[属性]]に[[非推奨]]の印を与えた
[[HTML 4]] ですが、 [CODE(HTMLe)@en[[[hr]]]]
自体はそれから逃れ、[[厳密DTD]] の元でも使うことが許されました。
ですが、[[表現と構造の分離]]を支持する人々の多くは、
[[表現的]]な[[要素]]の不使用を徹底するべきだと考え、
[CODE(HTMLe)@en[[[b]]]] や [CODE(HTMLe)@en[[[i]]]]
などと共に [CODE(HTMLe)@en[[[hr]]]]
も[Q[暗黙の[[非推奨]]]]の[[要素]]とみなすようになりました。
[72]
[CODE(HTMLe)@en[[[hr]]]] を単なる[[装飾]]目的で使っているのではないとすると、
[[水平線]]は文章の[Q[それ以前]]と[Q[それ以後]]とを区切る印として挿入しているはずです。
であるとすれば、[Q[それ以前]]と[Q[それ以後]]の少なくても2つの[[要素]]が存在し、
それらが隣接した結果の[[表現]]として[[水平線]]が引かれたと考えるのが妥当でしょう。
[PRE(example HTML code old)[
<p>
HTML の表現力の向上を謳い、多くの要素や属性が
アドホックに追加されていきました。
</p>
<hr>
<p>
一方の IETF HTML 作業部会は、 HTML 2.0 の標準化
を行い、更に様々な新機能を盛り込んだ HTML 3.0
へと作業を進めようとしていました。
</p>
]PRE]
このような考えから、 [CODE(HTMLe)@en[[[hr]]]]
は使用せず、[Q[それ以前]]と[Q[それ以後]]をそれぞれ
[CODE(HTMLe)@en[[[div]]]] [[要素]]などで表し、
[[CSS]] の [CODE(CSS)@en[[[border-bottom]]]]
や [CODE(CSS)@en[[[border-top]]]] を使って[[水平線]]を引くのが適当な方法だと主張されるようになりました。
[PRE(example HTML code)[
<style>
#vendor {
border-bottom: 2px solid black;
}
</style>
[INS[:]]
<div id="vendor">
<p>
HTML の表現力の向上を謳い、多くの要素や属性が
アドホックに追加されていきました。
</p>
</div>
<div>
<p>
一方の IETF HTML 作業部会は、 HTML 2.0 の標準化
を行い、更に様々な新機能を盛り込んだ HTML 3.0
へと作業を進めようとしていました。
</p>
</div>
]PRE]
[73]
しかしすべての人が >>72 の方法に賛成したわけではありません。
>>72 に反対する主張の1つは、 [[CSS]]
未対応[[利用者エージェント]]での[[レンダリング]]に関してです。
もう1つの主張は、[Q[適切]]な [CODE(HTMLe)@en[[[hr]]]]
が表すもの、つまり[[水平線]]ではなく[Q[区切り]]を表す[[要素]]が必要だというものです。
この2つ目の主張は [[XHTML 2.0]] や [[HTML 5]]
で取り入れられることになります。次節以降をご覧下さい。
[74]
さて1つ目の主張ですが、 [[CSS]] を使って区切り線を引く方法では、
[[CSS]] に対応していない[[利用者エージェント]]で[[レンダリング]]したとき、
区切りを明確に表すものがなくなってしまいます。
せいぜい、 [CODE(HTMLe)@en[[[div]]]] による[[改行]]程度のものです。
そこで >>72 の方法に基づきながら [CODE(HTMLe)@en[[[hr]]]]
も使い続けるという方法が提案されました。
[CODE(HTMLe)@en[[[div]]]] と [CODE(HTMLe)@en[[[div]]]]
の間に [CODE(HTMLe)@en[[[hr]]]] を挿入しますが、
[[CSS]] により、 [CODE(HTMLe)@en[[[hr]]]]
は[[非表示]]にします ([CODE(CSS)@en[[[display]]: [[none]]]]
または [CODE(CSS)@en[[[visibility]]: [[hidden]]]]
を使います)。 [[CSS]] に対応していない[[利用者エージェント]]では[Q[非表示]]が無視されるので、
単なる[[水平線]]が[[レンダリング]]されるのです。
[PRE(example HTML code)[
<style>
#vendor {
border-bottom: 2px solid black;
}
hr {
display: none;
/* または visibility: hidden; */
}
</style>
[INS[:]]
<div id="vendor">
<p>
HTML の表現力の向上を謳い、多くの要素や属性が
アドホックに追加されていきました。
</p>
</div>
<hr>
<div>
<p>
一方の IETF HTML 作業部会は、 HTML 2.0 の標準化
を行い、更に様々な新機能を盛り込んだ HTML 3.0
へと作業を進めようとしていました。
</p>
</div>
]PRE]
この方法は奇妙であるにも関わらず、
[[CSS]] を使って [[Web頁]]を[[デザイン]]した
([[表現と構造の分離]]を目指した) と主張でき、
しかも [[CSS]] に対応していない[[利用者エージェント]]での[[利用可能性]]までも考慮したなどと主張できるためか、
わりとよく用いられているようです。
[[#comment]]
*** XHTML 2.0
[87]
[[XHTML2]] の最初の[[作業原案]]では、 [[HTML4]] 時代の「[[水平線]]」
との定義のままなぜか残されていました。
;; [CITE@en[- XHTML Presentation Module]] ([TIME[2002-08-06 00:20:43 +09:00]] 版) <http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-presentation.html#edef_presentation_hr>
[88]
2つ目の[[作業原案]]で未決の課題として削除または [CODE(HTMLe)@en[[[separator]]]]
への改名が検討されていることが示されました。
;; [CITE@en[- XHTML Presentation Module]] ([TIME[2002-12-12 23:58:38 +09:00]] 版) <http://www.w3.org/TR/2002/WD-xhtml2-20021211/mod-presentation.html#edef_presentation_hr>
[90] 第6次案では [CODE(HTMLe)@en[[[hr]]]] [[要素]]が削除され、代わりに
[CODE(HTMLe)@en[[[separator]]]] [[要素]]が定義されていました。
;; [CITE@en[- XHTML Structural Module]] ([TIME[2004-07-22 15:25:35 +09:00]] 版) <http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-structural.html#edef_structural_separator>
[89] [CITE[d:id:quaa]] ([TIME[2007-05-11 03:30:36 +09:00]] 版) <http://d.hatena.ne.jp/quaa/20070511#p2>
([[名無しさん]] [WEAK[2007-05-11 00:44:15 +00:00]])
@@ [[www-html]] での議論
[[#comment]]
*** HTML 5 —— 新しい意味
@@
[86]
[CITE[Re: several messages about <hr> and related subjects]] ([[Ian Hickson <ian@...>]] 著, [TIME[2008-02-21 01:57:02 +09:00]] 版) <http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/13316>
([[名無しさん]])
[[#comment]]
*** メモ
[[#comment]]
** 不思議解釈
[30]
[CITE[えいちてぃーえむえる]] ([[池田賢元]]著、2002年9月付け) <http://www.analogmonkey.com/tutorial/premier_2.html>
この[[タグ講座]]によると、 [CODE(HTMLe)@en[[[hr]]]]
は[[シングル・タグ]]で
[Q@en[Horizontal Reference]<http://www.analogmonkey.com/tutorial/premier_2.html>]
の略だそうです。一体何を参照するのでしょう?
[31]
> You probably already know that you can place a line simply by typing <HR> on the page. "HR" stands for horizontal reference, by the way. It makes a nice line with a little bit of shading all the way across the screen. Plus it needs no end command. And it's centered. Coolness.
訳の分からないことを書き連ねて何が cool だ。
[CITE@en[So, You Want An HR Line, Huh?]]
([[Joe Burns]] 著、2005年7月現在)
<http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479441#the>
[32]
>>31 日付が無いのでいつの記事かわかりませんが、同じシリーズで
[CODE(HTMLe)@en[[[multicol]]]] が紹介されていますから、
90年代後半のものでしょうか。
[33]
[CITE[Greater Great Kato]] ([[Ka Koijong]] 著、2001年12月付け)
<http://www.geocities.com/quantumkato/html/html_basic.html>
> <hr>
> horizontal row
[34]
> Horizontal Reference
> <hr>
[CITE[Vintage Computer Auction Forum > HTML Tags]]
([[ave13co.com]] 著、2005年1月付け [[Google]] [[キャッシュ]]、
2005年7月現在元サイト消滅)
<http://www.google.com/search?q=cache:kWaImnk_3dIJ:ave13co.com/cgi-bin/vintage_computer_auction.pl%3Faction%3Dforum%26task%3Dhtmltags>
[35]
> <hr>: Stands for horizontal reference. What's a horizontal reference? Well, this is a horizontal reference:
> [INS[([CODE(HTMLe)@en[[[hr]]]] の実例)]]
> See?
[CITE[:: Aethereality.net :: Version 3.1.1 :: Vintage Reminiscence ::]] ([[Crystal]] 著、2003年8月付け、2005年1月付け [[Google]] [[キャッシュ]]、
2005年7月現在元サイトの記事消滅)
<http://www.google.com/search?q=cache:Av_r3_XRIWQJ:aethereality.net/tutorials/read.php%3Fid%3D2>
文書の情報のところに著者のレベルは初級者と書いてあるが、
なんでそんな奴がチュートリアルを書くのだ?
[36]
> <hr /> The Horizontal Reference or HR tag simply puts a line accross the screen. It's like the BR tag but instead of space it inserts a horizontal line that can be changed with attributes.
[CITE[Computers : Day One]]
([[trevor]] 著、2005年1月付け)
<http://128.32.250.47:8080/calles/2005/01/07>
[37]
> '''hr''' stands for Horizontal Reference.
[CITE@en[Flags & Structure- HTML Tutorials- Depiction]]
([[Matt]] 著、2005年7月現在)
<http://www.depiction.net/?id=htmlflagsandstructure>
この文書では [Q@en[flag]], [Q@en[command]], [Q@en[tag]]
が同じ意味で使われています。 [Q@en[flag]] が一番著者のお気に入りのようで。
(もちろんは[[不思議マーク付け]]の世界における[Q[[[タグ]]]]の意味で。)
[38]
[CITE[Web Host Galaxy - Cheap, Reliable web hosting - php, MySQL]]
([[Web Host Galaxy.com]] 著、 2005年4月付け、
実際には2004年か?)
<http://www.webhostgalaxy.com/cpanelxp2004/learning-pages/basic-html1.htm>
>>30 と同じ内容。 >>30 が日本語として怪しいところを見ると英語のこっちが原文だな。
(>>30 の著者は米国で育って今は日本の大学にいるらしい。)
> (HR stands for Horizontal Reference.) The line right above the words "Single tags" was made using an <HR> tag.
と怪しい[[シングル・タグ]]もちゃんとあります(w
比べてみると英語で
> <B>Joe</B>
なのが日本語では
> <B>明日のジョー</B>
になってたりしてなんか藁える。
しかし日付的に英語の方が日本語のより新しいなあと思ったら、
他にもありましたよ。
[CITE[Free Backgrounds I page 1 & Learning HTML for Web Developers, Basic HTML]]
<http://www.animation-station.com/backgrounds/>
(日付不詳だが [[Internet Archive]] によれば2005年になってからか?)
[39]
[CITE@en[Basic HTML: Primer #2--Flags]]
([[Joe Burns]] 著、1999年2月付け)
<http://www.st-andrews.com/Courses/IT/Intranet/gen/tutorial/primer_2.html>
これも >>38 と同じ内容だけど、 [Q@en[tag]]
の代わりに [Q@en[flag]] という言葉が使われている。
ってそれどこかで聞いたな。 >>37 か。 >>37
の一部と書いてあることが完全に一致するよ[AA(fw)[wwwwwwww]]
それにこの著者どっかで見たことが・・・ >>31 だ。うほっ。
> <HR>
> This command gives you a line across the page. ('''HR''' stands for Horizontal Reference) The line right above the words "Single Flags" was made using an <HR> flag.
[[シングル・タグ]]の [Q@en[tag]] も元は
[Q@en[flag]] だったのですな[AA(fw)[wwwwwwwww]]
[40]
[CITE[isphost.org]]
([[Joe Burns]] 著、2003年7月付け)
<http://web.archive.org/web/20030808130619/http://www.isphost.org/htmlhelp2.html>
>>38 と同じ内容 ([Q@en[tag]] になってる方。)
Joe が寄稿したものらしい。
[41]
>>30 のサイトの[[タグ講座]]は全部 >>39 のサイト
[CITE[Computer Dept Intranet]]
<http://www.st-andrews.com/Courses/IT/Intranet/gen/tools.html>
の翻訳のようです (>>30 の方ではメニューだけで内容未公開のものも含めて[AA(fw)[wwww]])。
[42]
[CITE@en[Beginning HTML]] (2002年付け)
<http://teachertech.rice.edu/Materials/GT2001/Aldine/intro.html>
>>39 の冒頭と同じことが書いてある。そしてこれと同じサイトのリンク集の頁には
>>31 のサイトへのリンクがある。つまり Joe と関係があるということだ。
(パクったのか許諾を得ているのか引用程度だから問題ないと思ったのか実は
Joe 自身が関わっているのかはしらん。)
[43]
[CITE@en[ACENET Knowledge Base > Introduction to HTML]]
<http://ace-host.net/kb/article.php?id=059>
([[Pineapple Technologies]] 著、2003年付け)
>>38 と同じ内容
[44]
[CITE@en[Basic HTML:2--Flags]] (2003年9月付け)
<http://www.kean.edu/~gkolodiy/5223/c21.htm>
[CITE@en[HTML Goodies]] ([[Joe Burns]] 著[AA(fw)[www]])
を使った大学の講義らしい。そんな本[[教科書]]にすんなよ。
というか Joe は [Q@en[flag]] なんて言葉を使って本まで書いてたのかよ!
この文書自体は >>39 と同じですが、なぜか著者名が欠けています。
Joe が使っていいよと言っているのか、それとも勝手にパクって著者名だけ削ったのか[AA(fw)[ww]]
[45]
[CITE[The Airrington Blog]] (2004年付け)
<http://forum.wr.ca/view_topic.php?id=1693&tp=14562&offset=0>
>>39 と同じ書き出しで始まる文書。
[46]
まだまだあるけど面倒になってきた。。。
<IW:Google:"\"HTML works in a very simple, very logical, format. It reads like you do, top to bottom, \"">
で検索するとずるずる出てきますよ[AA(fw)[w]]
例文に [Q@en[Joe]] とか出てくることからしても、
最初の出発点は [[Joe Burns]] なのでしょう。
そして [Q@en[horizontal reference]] 説の出所もおそらくは
[[Joe Burns]] だ、と。教科書まで出版して布教しているんだから大したもんです。
(でもそれにしてはあんまり普及しているとは言えないな。)
[[日本]]に紹介した[[池田賢元]]氏の業績[AA(fw)[ww]]も評価しなければなりますまい[AA(fw)[wwwwwwwww]]
[47]
[CITE[64bits.se :: Visa tråden - HTML | Den absoluta början]]
(2003年4月付け)
<http://www.64bits.se/forum/viewtopic.php?t=17775&sid=17086c1a1fc9903da572c40ce3728fd7#170973>
> [CODE(HTML)@en[<HR>]]-taggen:
> <HR> (Horizontal Reference) gör en fin liten linje som du kan dela upp stycken med. Denna kan du ändra färg, storlek på å lite annat smått o gott.
[48]
[CITE@en[Writing HTML in Notepad]]
(2005年7月現在)
<http://personal.bgsu.edu/~schuetj/handout.doc>
> Horizontal Reference Line: <HR>
[49]
[CITE[Why you should learn HTML]]
([[Debra Hamer]] 著、2004年付け)
<http://expressionmag.com/html.html>
> [HR] this command places a line across the page. HR stands for “horizontal reference”.
この文書は内容的に Joe を参考にしたような[RUBY[臭] [にお]]いがします。
[50]
[CITE[Extra Tags]] ([[Georgia Panaritis]] 編、2003年9月付け)
<http://www.javascrypt.com/newschool/class4/class4-.htm>
Joe を切り貼りした内容。
[51]
<http://webdesign.templatemonster.com/web/html-and-css/tutorials/tags-structure.2253.html>
>>37 のサイトが著者とされている。やはり Joe ([Q@en[tag]])
と同じ。
[52]
[CITE@en[Why You Should Learn HTML]] ([[Debra Hamer]] 著)
<http://www.goarticles.com/cgi-bin/showa.cgi?C=20131>
これも Joe の variant。[[タグ]]が[[文字参照]]になっていないのでひどいことに[AA(fw)[www]]
[53]
[CITE@en[why you should learn html]]
([[Debra Hamer]] 著、2004年付け)
<http://www.successfuloffice.com/why-you-should-learn-html.htm>
>>52 は >>50 と内容的には同じだな。そしてこれも >>50 と同じ。
[54]
[CITE[HTML教學:第二單元:旗標]] (2004年2月付け)
<http://www.geocities.com/alfredcave/Basic2.html>
[[中文]]版まで[AA(hw)[キター]]。 Joe ([Q@en[flag]])
と同じ内容。
[55]
そのほかにもまだまだ沢山ありました。
<IW:Google:"\"Horizontal Reference\" hr">
なんかで検索してみてください。そして大方 Joe
に行き着きます[AA(fw)[wwwwwwww]]
[56]
ごく少数ですが >>48 のように [Q@en[horizontal reference line]]
というのも観測できました。
[[HTML]] とは関係ない
[Q@en[[ABBR[HRL] [horizontal reference line]]]]
という言葉が実際に存在しているようです。でもそういう言葉を知っていたからといって
[CODE(HTMLe)@en[hr]] を連想するものでしょうか。むしろ
[Q@en[horizontal reference]] という言葉をなんとなく覚えていて、
[CODE(HTMLe)@en[hr]] は線なのだからと勝手に
[Q@en[line]] を補った、というストーリーの方が現実的です。
実際のところ Joe の [Q@en[horizontal reference]] 説と
[Q@en[horizontal reference line]] 説に関連があるのかどうかは今のところ分かりません。
[84]
[CITE@ja[CSS_XHTML_TIPS:XHTML-TIPS hrは構造か見栄えか]] ([CODE[2007-09-09 08:36:20 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53035331.html>
([[名無しさん]])
[85]
[CITE@ja[CSS_XHTML_TIPS:前回の記事、「hrは構造か見栄えか」についてご意見をいただきました]] ([CODE[2007-09-09 08:36:21 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53084266.html>
([[名無しさん]])
[[#comment]]
** 例
[17] [CODE(HTMLe)[[[address]]]] 直前に使う例
[SRC[RFC 1866 5.9]]
[PRE(HTML)[
<HR>
<ADDRESS>February 8, 1995, CERN</ADDRESS>
</BODY>
]PRE]
[13] 属性によるレンダリングへの影響の例 [SRC[HTML 4 15.3]]
[PRE(HTML)[
<HR width="50%" align="center">
<HR size="5" width="50%" align="center">
<HR noshade size="5" width="50%" align="center">
]PRE]
レンダリング例: <IW:HTML4:"images/hr.gif">
どの水平線も、水平方向の利用可能領域の半分の長さで水平中央に置かれます。
最初の水平線はブラウザ既定の太さ、残りの2つは5画素分の太さとなり、
最後の水平線は影無しで塗りつぶした罫線となります。
[23] 最終修正日時の記述の例
[PRE(HTML)[
<hr>
<p>Last change was on &lastchange;
<hr>
]PRE]
出典:
[[ISO-HTML]] 利用者の手引き
14.3 An example — Document time stamps
<http//purl.org/NET/ISO+IEC.15445/Users-Guide.html#TIMESTAMP>
最終修正日時の記述を自動生成する手法の解説の中で、
HTML 文書内の最終修正日時部分周辺の例として挙げられています。
[82]
[[影鷹]]の[[レンダリング]]例:
<http://suika.fam.cx/gate/2007/schema/schema/dfa7ca00bc459712b6090b622cc16429/cache.dat>
([[名無しさん]])
[[#comment]]
** よく取り上げられる話題
- [CODE(HTMLe)@en[[[hr]]]] は[[物理要素]]ではないのか?
(>>71) [1993年〜]
- [[CSS]] [CODE(CSS)@en[[[border]]]] の[Q[[[代替]]]]としての
[CODE(HTMLe)@en[[[hr]]]] の必要性 (>>72) [2000年頃〜]
** メモ
[15] 英語やトルコ語の[[タグ講座]]で [Q[hair line]]
が登場するものは、どうやら日本人が書いたものを基にしている模様です。
[WEAK[コピペ(?)による伝播をまとめてたら消えちゃったよ、ブラウザの馬鹿野郎!]]
[18] HTML 2.0 では [CODE(HTMLe)[[[pre]]]]
の中に [CODE(HTMLe)[hr]] を入れられます。
いいのか、それで。
[29]
[CITE[XHTML2: Accessible, Usable, Device Independent and Semantic]] <http://www.w3.org/2005/Talks/05-steven-xtech/>
[[XHTML 2.0]] の中の人のスライドですが、文学作品を引用して
[CODE(HTMLe)[[[hr]]]] (に代わる [CODE(XMLe)[[[separator]]]])
の必要性を説いています。
> The Japanese community were also asking for a <vr>.
わろた。
[57]
[CODE(HTMLe)@en[hr]] (に相当するもの) は[[強制空要素]]じゃない方が良いのではないかという気がしました。
[CODE(HTMLe)@en[hr]] が構造だという人 (賛成派)
がいる一方で、反対派は2つの [CODE(HTMLe)@en[[[section]]]]
の境界に過ぎないというかそれで十分表現可能だからそれでいいじゃないのと言うわけです。
確かに1つの節が[[要素]]の[[内容]]になってた方が色々処理が楽だしね。
でも別に両方あってもいいわけですよ。
[PRE(XML example code)[
<section/>
<separator xhtml1:style="letter-spacing: 3em">
***
</separator>
<section/>
]PRE]
みたいに。冗長だけど両方の利点を備えてるし。
[CODE(XMLe)[separator]] が[[空要素]]なら大して面白くないけど、
[[内容]]を持てる意味がここで出てきます。
区切りの記号みたいなのは文書の[[構造]]と[[表現]]の中間くらいに位置していて
[WEAK[(だから意見が割れるわけで)]]、
[[スタイル・シート]]で制御できてもいいし、
文書の[[マーク]]の方で記述できても悪くは無いでしょう。
[59]
[CITE@ja[CSS_XHTML_TIPS:前回の記事、「hrは構造か見栄えか」についてご意見をいただきました - livedoor Blog(ブログ)]] ([CODE[2007-03-17 07:21:43 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53084266.html>
([[名無しさん]] [WEAK[2007-03-18 03:02:18 +00:00]])
[60]
[CITE@ja[CSS_XHTML_TIPS:XHTML-TIPS hrは構造か見栄えか - livedoor Blog(ブログ)]] ([CODE[2007-03-15 15:44:12 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53035331.html>
([[名無しさん]] [WEAK[2007-03-18 03:04:41 +00:00]])
[61]
[CITE@ja[CSS_XHTML_TIPS:XHTML-TIPS hrの展望、separatorとして構造モジュール - livedoor Blog(ブログ)]] ([CODE[2007-03-17 11:48:58 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53138679.html>
[CODE(HTMLe)@en[[[separator]]]] を根拠に [CODE(HTMLe)@en[[[hr]]]] を語るのはおかしいんじゃないの。 [CODE(HTMLe)@en[[[separator]]]] は
[CODE(HTMLe)@en[[[hr]]]] のこういう問題を背景に登場したみたいな議論ならともかく。
([[名無しさん]] [WEAK[2007-03-18 03:06:21 +00:00]])
[62]
[CITE@ja[Re: 前回の記事、「hrは構造か見栄えか」についてご意見をいただきました - 行動記録]] ([[IWAI, Masaharu]] 著, [CODE[2007-03-17 08:40:45 +09:00]] 版) <http://iwaim.beering.be/2007/03/hr-element-2.html>
([[名無しさん]] [WEAK[2007-03-18 03:06:47 +00:00]])
[75]
>>15 の [CODE(HTMLe)@en[[[hr]]]] は[Q[[[ヘアライン]]]]の略だとする説は、昔はよく解説書などにありましたが、最近見なくなりました。
([[名無しさん]])
[76]
[CITE[我的春秋: hr要素は改名して、インライン要素とするのが活路かも]] ([CODE[2007-04-30 10:36:41 +09:00]] 版) <http://my-chunqiu.cocolog-nifty.com/blog/2007/04/hr_seperator_812f.html>
([[名無しさん]] [WEAK[2007-04-30 01:41:16 +00:00]])
[77]
[CITE[d:id:quaa]] ([CODE[2007-05-11 17:50:33 +09:00]] 版) <http://d.hatena.ne.jp/quaa/20070511#p3>
([[名無しさん]] [WEAK[2007-05-11 10:22:58 +00:00]])
[78]
[CITE@ja[Web標準って何? : 雑記帳 : der Gegenwart]] ([[Rusica]] 著, [CODE[2007-05-19 11:04:08 +09:00]] 版) <http://www.rusica.net/note/2007/05/18/hr.html>
([[名無しさん]] [WEAK[2007-05-19 02:05:34 +00:00]])
[79]
[CITE@ja[XHTML BasicとCSS Mobile Profileを徹底マスターする]] ([CODE[2007-06-10 20:52:36 +09:00]] 版) <http://www.atmarkit.co.jp/fmobile/rensai/xhtml03/xhtml03.html>
> いわゆるヘアラインタグ。
はいはいわろすわろす
([[名無しさん]])
[81]
[CITE@en[Weekly XHTML2 WG Teleconference -- 29 Aug 2007]] ([CODE[2007-09-05 18:51:46 +09:00]] 版) <http://www.w3.org/2007/08/29-xhtml-minutes#item05>
([[名無しさん]])
[83]
[CITE@ja[Re: XHTML-TIPS hrは構造か見栄えか - 行動記録]] ([[IWAI, Masaharu]] 著, [CODE[2007-08-29 00:37:03 +09:00]] 版) <http://iwaim.beering.be/2007/03/hr-element.html>
([[名無しさん]])
[[#comment]]
* メモ
[91] [CITE@en[XHTML™ 2.0 - Introduction]]
( ([TIME[2010-12-17 04:25:02 +09:00]] 版))
<http://www.w3.org/TR/2010/NOTE-xhtml2-20101216/introduction.html#s_intro_differences>
[92] [CITE@ja[hr要素を文字で入れ替える - Weblog - hail2u.net]]
([TIME[2011-10-15 04:28:12 +09:00]] 版)
<http://hail2u.net/blog/webdesign/swap-hr-element-with-characters.html>
[93] [CITE[CSS Print Profile]]
( ([TIME[2013-03-14 20:50:03 +09:00]] 版))
<http://www.w3.org/TR/2013/NOTE-css-print-20130314/#s.8.5.1>
[94] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:35:51 +09:00]] 版))
<https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L698>
[7] [CITE@en[Fix #234: Change <menuitem> from void to like-<option> · whatwg/html@5e49a20]]
([TIME[2016-04-16 20:59:13 +09:00]] 版)
<https://github.com/whatwg/html/commit/5e49a20874fabef620bf7ea0be7534c73fbd58c4>
[FIG(quote)[
[FIGCAPTION[
[95] [CITE@ja[豪華新社屋でも賃貸、テレ東に移転ジンクス無縁かも (日刊スポーツ) - Yahoo!ニュース]]
( ([TIME[2016-10-08 17:45:10 +09:00]]))
<http://headlines.yahoo.co.jp/hl?a=20161008-00000075-nksports-ent>
]FIGCAPTION]
> 30年ぶりに本社移転するテレビ東京が先週、六本木3丁目の新社屋で初めての社長会見を行った。地上40階の最新タワーに加え、宮部みゆきら人気作家モノに取り組んだ3本の記念ドラマも高評価で、外も中身もいろいろ見違える。大型移転をすると本業の勢いが落ちるという業界ジンクスもあるが、賃貸で頑張るテレ東カルチャーは健在で、ジンクスとは無縁っぽい滑り出しである。
> **********
> フジテレビの台場、TBSの赤坂サカスなど街ごと作るような大型移転と違い、テレ東は「住友不動産六本木グランドタワー」のテナントとして低層階の5フロアを間借りするお引っ越し。神谷町周辺の4カ所に分散していた各部署とスタジオを集約し、地デジとBS放送を一体化する。移転完了は11月7日を予定。あらかたの引っ越しは済んでおり、すでに業務は新本社で行われている。