Edit

Page

Page title:

Page body:

[1] 
:[[局所名]]:[CODE(HTMLe)[layer]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[CODE(SGML)[%[[Flow]]]] か?
:[[属性]]:
,属性名	,属性値	,既定値	,説明	,状態	,出典
,[CODE(HTMLa)[[[above]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[background]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[below]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[bgcolor]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[clip]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[left]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[name]]]]	,	,	,	,非標準
,[CODE(HTMLa)@en[[[overflow]]]]
,[CODE(HTMLa)@en[[[pagex]]]]
,[CODE(HTMLa)@en[[[pagey]]]]
,[CODE(HTMLa)[[[src]]]]	,[CODE(SGML)[%[[URI]]]]	,	,	,非標準
,[CODE(HTMLa)[[[top]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[visibility]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[width]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[z-index]]]]	,	,	,	,非標準

* 歴史

** Netscape4 での実装

[10] 
[CITE[Dynamic HTML in Communicator]], [TIME[2024-08-16T08:32:30.000Z]], [TIME[2000-12-06T01:28:10.727Z]] <https://web.archive.org/web/20001206012700/http://developer.netscape.com/docs/manuals/communicator/dynhtml/layers31.htm#1026297>

[11] 
[CITE[Dynamic HTML in Communicator]], [TIME[2024-08-16T08:47:26.000Z]], [TIME[2000-12-06T02:36:54.823Z]] <https://web.archive.org/web/20001206023400/http://developer.netscape.com/docs/manuals/communicator/dynhtml/layers33.htm#1067600>

[12] 
[CITE[Dynamic HTML in Communicator]], [TIME[2024-08-16T09:00:54.000Z]], [TIME[2000-12-06T02:30:10.080Z]] <https://web.archive.org/web/20001206020200/http://developer.netscape.com/docs/manuals/communicator/dynhtml/layers32.htm#1036445>

[13] 
[CITE[HTML Tag Reference]], [TIME[2024-08-16T12:31:40.000Z]], [TIME[2001-06-08T08:24:34.869Z]] <http://web.archive.org/web/20010608081926/http://developer.netscape.com/docs/manuals/htmlguid/tags12.htm#tags%3ALAYER>

[FIG(data)[ [111] [[HTML要素概説]]

:[F[要素名]]:[CODE[layer]]
:日付:[TIME[1997]]
:説明:
[TIME[1997]]頃の
[[Netscape Navigator 4.0]]
は、
[CODE[layer]]
を実装した。
[[要素]]の位置や背景などを[[内容属性]]で指定できる。
[[JavaScript]] からの操作対象にもなる。
:説明:
当時は一部の[[Webサイト]]で利用されていたが、
勢力を急拡大させていた
[[Internet Explorer]]
が対応しなかったため、
普及は限定的だった。
:説明:
[[KHTML]]
や
[[WebKit]]
は、
[[構文解析]]や[[利用者エージェントスタイルシート]]で
[CODE[layer]]
に部分対応していた。
[CITE[HTML5]] の[[利用者エージェントスタイルシート]]にもあった。
:説明:
[TIME[2009-02-11]]、
[CITE[HTML5]]
の[[利用者エージェントスタイルシート]]から
[CODE[layer]]
が削除された。
[SRC[>>18]]
:出典:
[REFS[

-
[17] 
[DFN[NSDHTML:Layers31]]:
[CITE@en[Dynamic HTML in Communicator]], 
[DATA(.author)[[[Netscape Communications Corporation]]]],
[TIME(.published)[1997]],
[TIME[2024-08-16T08:34:31.000Z]], [TIME[2000-12-06T01:30:12.060Z]] <https://web.archive.org/web/20001206012700/http://developer.netscape.com/docs/manuals/communicator/dynhtml/layers31.htm>
- 
[18] 
[CITE[HTML5 r2781]], 
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2009-02-11 17:03:22 +09:00]], [TIME[2024-09-04T13:41:08.000Z]] <https://github.com/whatwg/html/commit/87c1e104421423a4df9b87de2b3285c90dafba2b>

]REFS]

]FIG]

** KHTML での実装

2001年8月24日版の [[KHTML]] の最古の[[利用者エージェント・スタイル・シート]]には既に
[CODE(HTMLe)@en[[[layer]]]] に [CODE(CSS)@en[[[display]]: [[block]]]]
と指定されていました。

;; [CITE[/trunk/WebCore/khtml/css/html4.css – WebKit]] ([TIME[2010-06-27 19:18:15 +09:00]] 版) <http://trac.webkit.org/browser/trunk/WebCore/khtml/css/html4.css?rev=4>

** Web Applications 1.0 での標準化

@@ UASS への追加

[2] 2009年2月11日には該当部分が削除されました。

- [14] 
[CITE@en[(X)HTML5 Tracking]] ([TIME[2009-02-11 19:22:59 +09:00]] 版) <http://html5.org/tools/web-apps-tracker?from=2780&to=2781>
-- [15] 
[CITE@en['''['''''']''' (0) Remove <layer>, make <td>/<th> margins collapse too.]], [[Hixie]], [TIME[2009-02-11 17:03:22 +09:00]], [TIME[2024-09-04T13:41:08.000Z]] <https://github.com/whatwg/html/commit/87c1e104421423a4df9b87de2b3285c90dafba2b>

[19] 
今は [[DOM]] 関連の規定も残っていませんし、
[CITE[HTML Standard]] 
の[[廃止]]された[[要素]]のリストにすら載っていません。

* 実装

[4] [[WinIE]]、[[Gecko]]、[[Opera]] のいずれもまったく実装していません。

[5] [[WebKit]] は [CODE(CSS)@en[[[display]]: [[block]]]] で[[レンダリング]]しますが、
それ以上の実装はされていません。

[7] [[WebKit]] は [CODE(HTMLe)@en[[[layer]]]] [[開始タグ]]で開いている [CODE(HTMLe)@en[[[p]]]]
[[要素]]を閉じるようです。

;; <http://software.hixie.ch/utilities/js/live-dom-viewer/?%3Cp%3EA%3Clayer%3EB%3C%2Flayer%3EC>

[8]  [[WebKit]] は [CODE(HTMLe)@en[[[layer]]]] [[要素]]の中に[[フロー内容]]の[[開始タグ]]があっても[[要素]]は閉じませんが、[CODE(HTMLe)@en[[[layer]]]] の[[終了タグ]]は [CODE(HTMLe)@en[[[p]]]] [[要素]]を自動的に閉じることはしません。

;; <http://software.hixie.ch/utilities/js/live-dom-viewer/?a%3Clayer%3Eb%3Cp%3Ec%3C%2Flayer%3Ed> は「c」と「d」が [CODE(HTMLe)@en[[[layer]]]] の[[子供]]の [CODE(HTMLe)@en[[[p]]]] の[[子供]] (2つの[[テキスト節点]]) となります。

;; [CODE(HTMLe)@en[[[nolayer]]]] でも同じ挙動のようです。

[9] [[WebKit]] が [[HTML5]] の[[構文解析器]]になって久しく、 [[Chrome]] は >>7 や >>8
のような挙動はしません。しかし >>5 はまだ残っています。 [TIME[2013-11-11T13:06:47.0Z]]

* 関連

[6] ほとんど同じで[[行内要素]]である点だけが異なる [CODE(HTMLe)@en[[[ilayer]]]]
[[要素]]もあります。

* メモ

[16] [CITE[Webmonkey: html: Sifting Through Netscape 4.0's Layers]], [TIME[2024-09-28T09:55:20.000Z]], [TIME[1999-10-07T08:54:34.457Z]] <https://web.archive.org/web/19991007085423/http://www.hotwired.com/webmonkey/html/97/03/index2a.html>

[3] [CITE[Layer]]
([TIME[2005-04-03 06:20:42 +09:00]] 版)
<http://www.blooberry.com/indexdot/html/tagpages/l/layer.htm>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)