HTML

ページは半保護されています

HTML
HTML5の公式ロゴ[ 1 ]
ファイル名拡張子
  • .html
  • .htm
インターネットメディアの種類
テキスト/HTML
タイプコード文章
統一型識別子(UTI)公開.html
開発者
初回リリース1993 (1993年
最新リリース
フォーマットの種類ドキュメントファイル形式
コンテナ用HTML要素
含まれるものウェブブラウザ
延長からSGML
延長XHTML
オープンフォーマット?はい
Webサイトhtml .spec .whatwg .org

ハイパーテキスト・マークアップ・ランゲージHTML )は、ウェブブラウザで表示される文書の標準マークアップ言語[ a ]です。ウェブコンテンツの内容と構造を定義します。多くの場合、カスケーディング・スタイル・シート(CSS)などの技術やJavaScriptなどのスクリプト言語が活用されます。

ウェブブラウザは、ウェブサーバーまたはローカルストレージからHTMLドキュメントを受信し、マルチメディアウェブページにレンダリングします。HTMLはウェブページ の構造を意味的に記述し、元々はページの外観に関するヒントを含んでいました。

HTML要素はHTMLページの構成要素です。HTML構造を用いることで、画像やインタラクティブフォームなどのオブジェクトをレンダリングされたページに埋め込むことができます。HTMLは、見出し、段落、リスト、リンク、引用などのテキストの構造的意味を示すことで、構造化文書を作成する手段を提供します。HTML要素は、山括弧で囲まれたタグで区切られます。<!-->や<!-->などのタグは、ページに直接コンテンツを導入します。<!-->や<!-->などのタグは、文書のテキストを囲み、情報を提供します。また、子要素タグを含む場合もあります。ブラウザはHTMLタグを表示しませんが、ページのコンテンツを解釈するために使用します。 <img><input><p></p>

HTMLにはJavaScriptなどのスクリプト言語で書かれたプログラムを埋め込むことができ、ウェブページの動作やコンテンツに影響を与えます。CSSを組み込むことで、コンテンツの外観とレイアウトが定義されます。かつてHTMLの保守を担当し、現在はCSS標準の保守を担当しているワールド・ワイド・ウェブ・コンソーシアム(W3C)は、1997年以来、明示的なプレゼンテーションHTMLよりもCSSの使用を推奨しています。 [ 3 ] HTML5と呼ばれるHTML形式は、主にJavaScriptと要素を用いて、動画や音声を表示するために使用されます。 <canvas>

歴史

発達

2009年4月のティム・バーナーズ=リーの写真
ティム・バーナーズ=リー、 2009年4月

1980年、欧州原子核研究機構(CERN)の契約社員であった物理学者ティム・バーナーズ=リーは、CERNの研究者が文書を利用・共有するためのシステムであるENQUIREを提案し、試作しました。1989年、バーナーズ=リーはインターネットベースのハイパーテキストシステムを提案するメモを書きました。[ 4 ]バーナーズ=リーはHTMLを仕様化し、1990年後半にブラウザとサーバーソフトウェアを開発しました。同年、バーナーズ=リーとCERNのデータシステムエンジニアであるロバート・カイヨーは共同で資金援助を要請しましたが、このプロジェクトはCERNに正式に採用されませんでした。1990年の個人的なメモの中で、バーナーズ=リーは「ハイパーテキストが使用される多くの分野の一部」を挙げており、その最初の項目として百科事典が挙げられています。 [ 5 ]

HTMLの最初の公開された記述は「HTMLタグ」と呼ばれる文書であり、[ 6 ] 1991年後半にティム・バーナーズ=リーによってインターネット上で初めて言及されました。[ 7 ] [ 8 ]この文書は、初期の比較的シンプルなHTML設計を構成する18個の要素を記述しています。ハイパーリンクタグを除くこれらの要素は、 CERNの社内標準SGML(Standard Generalized Markup Language )ベースの文書フォーマットであるCERN SGMLの影響を強く受けています。これらの要素のうち11個は、現在もHTML 4に残っています。[ 9 ]

HTML は、Web ブラウザーがテキスト、画像、その他の資料を解釈して、表示または音声可能な Web ページに構成するために使用するマークアップ言語です。 HTML マークアップのすべての項目のデフォルトの特性はブラウザーで定義され、これらの特性は Web ページ デザイナーがCSSを追加使用することで変更または拡張できます。テキスト要素の多くは、1988 年の ISO 技術レポート TR 9537 Techniques for using SGMLで説明されています。このレポートでは、1960 年代初期にCTSS (Compatible Time-Sharing System) オペレーティング システム用に開発されたRUNOFF コマンドで使用されるものなど、初期のテキスト書式設定言語の機能について説明しています。これらの書式設定コマンドは、タイプセッターが手動でドキュメントを書式設定するために使用するコマンドから派生したものです。ただし、一般化されたマークアップの SGML の概念は、単なる印刷効果ではなく、要素 (属性を持つネストされた注釈付き範囲) に基づいており、構造とマークアップが別々になっています。HTML は、CSS によって徐々にこの方向に進んできました。

バーナーズ=リーはHTMLをSGMLの応用とみなしていました。HTMLは、1993年半ばにインターネット技術タスクフォース(IETF)によって正式に定義され、バーナーズ=リーとダン・コノリーによるHTML仕様の最初の提案である「ハイパーテキスト・マークアップ言語(HTML)」インターネット・ドラフトが公開されました。このドラフトには、構文を定義するSGML文書型定義が含まれていました。 [ 10 ] [ 11 ]このドラフトは6ヶ月で期限切れとなりましたが、 NCSA Mosaicブラウザのインライン画像埋め込み用カスタムタグを承認したことで注目に値します。これは、成功したプロトタイプに基づいて標準を策定するというIETFの理念を反映しています。同様に、デイブ・ラゲットが1993年後半に発表した競合するインターネット・ドラフト「HTML+(ハイパーテキスト・マークアップ・フォーマット)」では、表や入力フォームといった既に実装されている機能の標準化が提案されました。[ 12 ]

1994年初頭にHTMLとHTML+の草案が期限切れとなった後、IETFはHTMLワーキンググループを設立しました。1995年、このワーキンググループは「HTML 2.0」を完成させました。これは、将来の実装の基準となる標準として扱われることを意図した最初のHTML仕様でした。[ 13 ]

IETFの支援下での更なる開発は、利害の対立により停滞しました。1996年以降、HTML仕様は商用ソフトウェアベンダーからの意見を取り入れながら、ワールド・ワイド・ウェブ・コンソーシアム(W3C)によって維持されてきました。[ 14 ] 2000年、HTMLは国際標準(ISO / IEC 15445:2000)となりました。HTML 4.01は1999年後半に公開され、2001年まで正誤表が公開されました。2004年、Webハイパーテキスト・アプリケーション技術ワーキンググループ(WHATWG)においてHTML5の開発が開始され、2008年にW3Cとの共同成果物となり、2014年10月28日に完了し標準化されました。[ 15 ]

HTML版タイムライン

HTML 2

1995年11月24日
HTML 2.0はRFC  1866として公開されました。補足RFCにより以下の機能が追加されました。
  • 1995年11月25日: RFC 1867 (フォームベースのファイルアップロード) 
  • 1996年5月: RFC 1942 (表) 
  • 1996年8月: RFC 1980 (クライアント側イメージマップ) 
  • 1997年1月: RFC 2070 (国際化) 

HTML 3

1997年1月14日
HTML 3.2 [ 16 ]はW3C勧告として公開されました。IETFが1996年9月12日にHTMLワーキンググループを閉鎖したため、これはW3Cによってのみ開発・標準化された最初のバージョンとなりました。[ 17 ]
当初コードネーム「Wilbur」と呼ばれていた[ 18 ] HTML 3.2では、数式が完全に削除され、様々な独自拡張機能の重複が調整され、Netscapeの視覚マークアップタグのほとんどが採用されました。Netscapeのblink要素Microsoftのmarquee要素は、両社の合意により削除されました。[ 14 ] HTMLに類似した数式マークアップは、14か月後にMathMLで標準化されました。

HTML4

1997年12月18日
HTML 4.0 [ 19 ]はW3C勧告として公開されました。HTML 4.0には3つのバリエーションがあります。
  • 厳格、非推奨の要素は禁止
  • 移行型では、非推奨の要素が許可されます
  • フレームセット。ほとんどの場合、フレームに関連する要素のみが許可されます。
当初コードネームは「Cougar」であった[ 18 ] HTML 4.0は、ブラウザ固有の要素型や属性を多く採用したが、Netscapeの視覚マークアップ機能を廃止し、スタイルシートを導入することで段階的に廃止しようとした。HTML 4は、ISO 8879 - SGMLに準拠したSGMLアプリケーションである[ 20 ]
1998年4月24日
HTML 4.0 [ 21 ]はバージョン番号を上げずにマイナーな編集を加えて再発行されました。
1999年12月24日
HTML 4.01 [ 22 ]はW3C勧告として公開されました。HTML 4.0と同じ3つのバリエーションが提供されており、最新のエラッタ[ 23 ]は2001年5月12日に公開されました。
2000年5月
ISO/IEC 15445:2000 [ 24 ](HTML 4.01 Strictに基づく「 ISO HTML」)は、ISO/IEC国際規格として発行されました。 [ 25 ] ISOでは、この規格はISO/IEC JTC 1/SC 34 (ISO/IEC合同技術委員会1、小委員会34 – 文書記述および処理言語)の領域にあります。[ 24 ]
HTML 4.01 の後、並行する XML ベースの言語 XHTML の開発が W3C の HTML ワーキング グループで行われていたため、長年にわたって HTML の新しいバージョンはリリースされませんでした。

HTML5

2014年10月28日
HTML5 [ 26 ]はW3C勧告として公開されました。[ 27 ]
2016年11月1日
HTML 5.1 [ 28 ]はW3C勧告として公開されました。[ 29 ] [ 30 ]
2017年12月14日
HTML 5.2 [ 31 ]はW3C勧告として公開されました。[ 32 ] [ 33 ]

HTML ドラフト版のタイムライン

1991年10月
HTMLタグ[ 7 ]は、18個のHTMLタグを列挙したCERNの非公式文書であり、初めて公に言及されました。
1992年6月
HTML DTDの最初の非公式草案[ 34 ]、その後7回の改訂(7月15日、8月6日、8月18日、11月17日、11月18日、11月20日、11月22日)[ 35 ] [ 36 ] [ 37 ]
1992年11月
HTML DTD 1.1(RCSの改訂版に基づいてバージョン番号が付けられた最初のもので、1.0ではなく1.1で始まる)、非公式草案[ 37 ]
1993年6月
ハイパーテキスト・マークアップ言語[ 38 ]は、 IETF IIIRワーキンググループによってインターネット・ドラフト(標準規格の大まかな提案)として公開されました。1ヶ月後に第2版[ 39 ]に置き換えられました。
1993年11月
HTML+はIETFによってインターネットドラフトとして公開され、ハイパーテキストマークアップ言語ドラフトの競合提案でした。1994年7月に期限切れとなりました。[ 40 ]
1994年11月
HTML 2.0の最初の草案(リビジョン00)はIETF自身によって公開され[ 41 ](リビジョン02から「HTML 2.0」と呼ばれるようになった[ 42 ] )。これは最終的に1995年11月にRFC 1866の公開につながった。[ 43 ] 
1995年4月(1995年3月執筆)
HTML 3.0 [ 44 ]はIETFに標準として提案されましたが、5ヶ月後(1995年9月28日)に期限切れとなり[ 45 ]、その後の対応は行われませんでした。HTML 3.0には、表のサポート、図表周りのテキストフロー、複雑な数式の表示など、ラゲットのHTML+提案に含まれていた多くの機能が含まれていました[ 45 ] 。
W3CはHTML 3とカスケーディング・スタイル・シートのテストベッドとして独自のArenaブラウザの開発を開始しましたが[ 46 ] [ 47 ] [ 48 ]、HTML 3.0はいくつかの理由から成功しませんでした。ドラフトは150ページと非常に大きく、ブラウザ開発のペースと関係者の数はIETFのリソースを上回っていました。[ 14 ]当時のMicrosoftやNetscapeなどのブラウザベンダーは、HTML 3のドラフト機能のさまざまなサブセットを実装し、独自の拡張機能も導入することを選択しました。[ 14 ]ブラウザ戦争を参照)。これらの拡張機能には、文書のスタイル面を制御する拡張機能が含まれており、「文書の構成方法を指定することだけが目的である言語において、テキストの色、背景テクスチャ、フォントサイズ、フォントフェイスなどは明らかに言語の範囲外であるという[学術的なエンジニアリングコミュニティの]考えに反していました。」[ 14 ]長年W3Cフェローを務めてきたデイブ・ラゲット氏は、例えば次のようにコメントしている。「ある程度、マイクロソフトはHTMLの機能を拡張することでWeb上でビジネスを構築した。」[ 14 ]
公式HTML5ロゴ
HTML5のロゴ
2008年1月
HTML5はW3Cによってワーキングドラフトとして公開されました。 [ 49 ]
HTML5の構文はSGMLによく似ていますが、SGMLアプリケーションになろうとする試みは放棄され、XMLベースの代替であるXHTML5シリアル化に加えて、独自の「html」シリアル化が明示的に定義されています。[ 50 ]
2011 HTML5 – ラストコール
2011年2月14日、W3CはHTMLワーキンググループの憲章を拡張し、HTML5の明確なマイルストーンを設定しました。2011年5月、ワーキンググループはHTML5を「ラストコール」に進めました。これは、W3C内外のコミュニティに対し、仕様の技術的妥当性を確認するための機会です。W3Cは、勧告目標である2014年までに完全な仕様の広範な相互運用性を実現するための包括的なテストスイートを開発しました。[ 51 ] 2011年1月、WHATWGは「HTML5」リビングスタンダードを「HTML」に改名しました。W3CはHTML5のリリースプロジェクトを継続しました。[ 52 ]
2012 HTML5 – 候補勧告
2012年7月、WHATWGとW3Cは、ある程度の分離を決定しました。W3CはHTML5の仕様策定作業を継続し、WHATWGが「スナップショット」とみなす単一の最終標準に注力します。WHATWGは、HTML5を「リビングスタンダード」として扱い、その作業を継続します。リビングスタンダードのコンセプトは、HTML5は決して完成せず、常に更新と改良が続けられるというものです。新しい機能が追加されることはあっても、機能が削除されることはありません。[ 53 ]
2012年12月、W3CはHTML5を勧告候補に指定した。[ 54 ] W3C勧告への昇格基準は「100%完成し、完全に相互運用可能な2つの実装」である。[ 55 ]
2014 HTML5 – 勧告案と勧告
2014年9月、W3CはHTML5を勧告案に移行した。[ 56 ]
2014年10月28日、HTML5は安定したW3C勧告としてリリースされ、[ 57 ]仕様策定プロセスが完了したことを意味します。[ 58 ]

XHTMLバージョン

XHTMLは、HTML 4.01をXML 1.0を用いて再定式化したものから始まった独立した言語です。現在ではHTMLのXML構文と呼ばれており、独立した標準として開発されることはなくなりました。[ 59 ]

  • XHTML 1.0は2000年1月26日にW3C勧告として公開され[ 60 ]、その後2002年8月1日に改訂され再公開されました。HTML 4.0および4.01と同じ3つのバリエーションが提供され、XMLで再定式化されていますが、若干の制限があります。
  • XHTML 1.1 [ 61 ]は、2001年5月31日にW3C勧告として公開されました。XHTML 1.0 Strictに基づいていますが、細かな変更が加えられており、カスタマイズが可能で、2001年4月10日に公開されたW3C勧告「XHTMLのモジュール化」でモジュールを使用して再定式化されています。[ 62 ]
  • XHTML 2.0はワーキングドラフトでした。2009年にHTML5XHTML5の開発に取って代わられ、XHTML 2.0の開発は中止されました。[ 63 ] [ 64 ] [ 65 ] XHTML 2.0はXHTML 1.xと互換性がなかったため、XHTML 1.xのアップデートというよりも、XHTMLに着想を得た新しい言語という方が正確でしょう。

HTML 公開の WHATWG への移行

2019年5月28日、W3CはWHATWGがHTMLとDOMの標準の唯一の発行者となることを発表しました。[ 66 ] [ 67 ] [ 68 ] [ 69 ] W3CとWHATWGは2012年から競合する標準を発行してきました。W3C標準は2007年にはWHATWGと同一でしたが、異なる設計上の決定により、標準は徐々に分岐してきました。[ 70 ] WHATWGの「リビングスタンダード」は、しばらくの間、事実上のウェブ標準でした。 [ 71 ] W3Cは定期的にWHATWG HTML仕様のスナップショットをW3C勧告としてレビューし、発行しています。[ 72 ]

マークアップ

HTMLマークアップは、タグ(およびその属性)、文字ベースのデータ型文字参照、実体参照など、いくつかの主要なコンポーネントで構成されています。HTMLタグは、一般的には と のようにペアになっていますが、空要素を表すタグもあり、例えば のようにペアになっていません。このようなペアの最初のタグは開始タグ、2番目のタグは終了タグです(これらは開始タグ終了タグとも呼ばれます)。 <h1></h1><img>

もう 1 つの重要なコンポーネントは、標準モードのレンダリングをトリガーするHTMLドキュメント タイプ宣言です。

以下は、古典的な「Hello, World!」プログラムの例です。

<!DOCTYPE html> < html > < head > < title >これはタイトルです</ title > </ head > < body > < div > < p > Hello world! </ p > </ div > </ body > </ html >

との間のテキストはウェブページの説明であり、との間のテキストはページコンテンツとして表示されます。マークアップテキストはブラウザのタブウィンドウのタイトルに表示されるページタイトルを定義し、 タグはページ内の区切りとなる部分を定義します。 と の間には、要素を使用してウェブページのメタデータを定義できます。 <html></html><body></body><title>This is a title</title><div><head></head><meta>

文書型宣言<!DOCTYPE html>はHTML5用です。宣言が含まれていない場合、多くのブラウザはレンダリング時に「Quirksモード」に戻ります。[ 73 ]

要素

HTML要素のコンテンツカテゴリ

HTML文書は、ネストされたHTML要素の構造を暗示しています。これらは文書内で山括弧で囲まれたHTMLタグによって示されます。 [ 74 ]

単純で一般的なケースでは、要素の範囲は「開始タグ」と「終了タグ」という2つのタグによって示されます。要素のテキストコンテンツ(存在する場合)は、これらのタグの間に配置されます。 <p></p>

タグは、開始と終了の間に、タグとテキストを混在させた、さらに別のタグマークアップを囲むこともできます。これは、親要素の子として、さらに(ネストされた)要素があることを示します。

開始タグには、要素の属性をタグ内に含めることもできます。これらの属性は、文書内のセクションの識別子、文書の表示スタイル情報と関連付けるために使用される識別子、そして画像を埋め込むために使用されるタグなど、画像リソースへの参照など、他の情報を示します。参照は次の形式になります。<img><imgsrc="example.com/example.jpg">

改行 などの一部の要素には、テキストやその他のタグを埋め込むことはできません。これらの要素には、開始タグに似た空タグが1つだけ必要で、終了タグは不要です。 <br>

多くのタグ、特に非常によく使われる段落要素の終了タグはオプションです。HTMLブラウザやその他のエージェントは、文脈とHTML標準で定義された構造規則から、要素の終了タグを推測することができます。これらの規則は複雑で、ほとんどのHTML作成者にはあまり理解されていません。 <p>

したがって、HTML要素の一般的な形式は次のようになります。一部のHTML要素は空要素として定義され、形式は となります。空要素は、タグやインラインタグのように、内容を持たない場合があります。HTML要素の名前は、タグ内で使用される名前です。終了タグの名前の前にはスラッシュ文字 が付きます。タグに内容がない場合、終了タグは使用できません。属性が指定されていない場合は、それぞれデフォルト値が使用されます。 <tagattribute1="value1"attribute2="value2">''content''</tag><tagattribute1="value1"attribute2="value2"><br><img>/

要素の例

HTML ドキュメントのヘッダー:タイトルはヘッダーに含まれます。例: <head>...</head>

< head > < title >タイトル</ title > < link rel = "stylesheet" href = "stylebyjimbowales.css" > <!-- スタイルシートをインポート --> </ head >
見出し

HTML の見出しは、H1 が最高レベル (または最も重要なレベル)、H6 が最低レベルの toタグで定義されます。<h1><h6>

< h1 >見出しレベル 1 </ h1 > < h2 >見出しレベル 2 </ h2 > < h3 >見出しレベル 3 </ h3 > < h4 >見出しレベル 4 </ h4 > < h5 >見出しレベル 5 </ h5 > < h6 >見出しレベル 6 </ h6 >

効果は次のとおりです。

見出しレベル1
見出しレベル2
見出しレベル3
見出しレベル4
見出しレベル5
見出しレベル6

CSS はレンダリングを大幅に変更できます。

段落:

< p >段落 1 </ p > < p >段落 2 </ p >
改行

<br>との違いは、はページの意味構造を変えずに行を分割するのに対し、 はページを段落に分割することです。 要素は要素であるため、属性を持つことができますが、コンテンツは持てず、終了タグも持つことはできません。 <br><p><br><p><br>

< p >これは< br >改行のある段落です< br > < / p >

これはHTMLのリンクです。リンクを作成するにはタグを使用します。属性にはリンクの URLアドレスが格納されます。<a>href

< a href = "https://www.wikipedia.org/" > Wikipedia へのリンク! </ a >
入力

ユーザーが入力できる方法は、次のように多数あります。

< input type = "text" > <!-- テキスト入力用 --> < input type = "file" > <!-- ファイルのアップロード用 --> < input type = "checkbox" > <!-- チェックボックス用 -->

コメント:

<!-- これはコメントです -->

コメントはマークアップの理解に役立ちますが、Web ページには表示されません。

HTML で使用されるマークアップ要素にはいくつかの種類があります。

  • 構造マークアップはテキストの目的を示します。
  • プレゼンテーション マークアップは、目的に関係なく、テキストの外観を示します。
    • 例えば、 は、視覚的な出力デバイスが太字のテキストを「太字」でレンダリングすることを示しますが、これを実行できないデバイス(テキストを読み上げる聴覚デバイスなど)がどうすればよいかについてはほとんど指示がありません。との両方の場合、視覚的なレンダリングは同等であっても、より意味的な性質を持つ要素が他にも存在します。たとえば、それぞれ とです。聴覚ユーザーエージェントが後者の 2 つの要素をどのように解釈すべきかは、より簡単に理解できます。ただし、これらはプレゼンテーション上の対応する要素と同等ではありません。たとえば、スクリーンリーダーが書籍名を強調表示することは望ましくありませんが、画面上ではそのような名前は斜体で表示されます。プレゼンテーション用のマークアップ要素のほとんどは、HTML 4.0 仕様では非推奨となり、スタイル設定にはCSS が使用されるようになりました。<b>bold text</b><b>bold text</b><i>italic text</i><strong>strong text</strong><em>emphasized text</em>
  • ハイパーテキスト マークアップは、ドキュメントの一部を他のドキュメントへのリンクにします。
    • アンカー要素はドキュメント内にハイパーリンクhrefを作成し、その属性はリンク先のURLを設定します。例えば、HTMLマークアップは「 Wikipedia 」という単語をハイパーリンクとしてレンダリングします。画像をハイパーリンクとしてレンダリングするには、要素を 要素のコンテンツとして挿入します。 は、属性を持ちますが、コンテンツや終了タグ​​を持たない空要素です。<ahref="https://en.wikipedia.org/">Wikipedia</a>imgabrimg<ahref="https://example.org"><imgsrc="image.gif"alt="descriptive text"width="50"height="50"border="0"></a>

属性

要素の属性のほとんどは名前と値のペアであり、=要素の開始タグ内で要素名の後に記述されます。値は一重引用符または二重引用符で囲むことができますが、HTMLでは特定の文字を含む値は引用符で囲まなくても構いません(XHTMLではそうではありません)。[ 76 ] [ 77 ]属性値を引用符で囲まないことは安全ではないとされています。[ 78 ]名前と値のペアの属性とは対照的に、要素の開始タグ内に存在するだけで要素に影響を与える属性がいくつかあります。 [ 7 ]ismap要素の属性がそうですimg[ 79 ]

多くの要素に出現する可能性のある共通属性がいくつかあります。

  • 属性idは、要素にドキュメント全体で一意の識別子を提供します。この識別子は要素を識別するために使用され、スタイルシートは要素の表示プロパティを変更し、スクリプトは要素の内容や表示を変更、アニメーション化、または削除できます。ページのURLに追加され、要素(通常はページのサブセクション)にグローバルに一意の識別子を提供します。例えば、 の「Attributes」というIDがこれに該当しますhttps://en.wikipedia.org/wiki/HTML#Attributes
  • 属性classは、類似の要素を分類する方法を提供します。これは、意味論的またはプレゼンテーション的な目的で使用できます。例えば、HTML文書では、意味論的にこの指定を使用することで、このクラス値を持つすべての要素が文書のメインテキストに従属していることを示すことができます。プレゼンテーションにおいては、このような要素は、HTMLソース内の実際の場所に現れるのではなく、まとめてページ上の脚注として提示されることがあります。クラス属性は、マイクロフォーマットで意味論的に使用されます。複数のクラス値を指定することもできます。例えば、は要素を との両方のクラスに分類します。<class="notation"><class="notationimportant">notationimportant
  • 作成者は、style特定の要素にプレゼンテーションプロパティを割り当てるために属性を使用することができます。スタイルシート内から要素を選択するには、要素の属性idまたは属性を使用する方が望ましいと考えられていますが、単純なスタイル、特定のスタイル、またはアドホックなスタイル設定には煩雑すぎる場合があります。class
  • このtitle属性は、要素にサブテキストによる説明を付加するために使用されます。ほとんどのブラウザでは、この属性はツールチップとして表示されます。
  • このlang属性は、要素の内容の自然言語を識別します。これは、文書の他の部分とは異なる場合があります。例えば、英語の文書では次のようになります。
    < p >まあ、フランスで言うように、< span lang = "fr" >それが人生</ span >なわけです。 </ p >

略語要素 をabbr使用すると、次のような属性の一部を示すことができます。

< abbr id = "anId" class = "jargon" style = "color:purple;" title = "ハイパーテキストマークアップ言語" > HTML </ abbr >

この例はHTMLとして表示されます。ほとんどのブラウザでは、略語にカーソルを合わせると、タイトル テキスト「Hypertext Markup Language」が表示されます。

ほとんどの要素は、アラビア語ペルシャ語ヘブライ語dirなどの右から左へのテキストの場合は「rtl」などの言語関連属性を使用してテキストの方向を指定します。[ 80 ]

文字参照と実体参照

HTMLバージョン4.0では、252個の文字実体参照と1,114,050個の数値文字参照が定義されています。どちらも、個々の文字をリテラルではなく、単純なマークアップで記述することを可能にします。リテラル文字とそれに対応するマークアップは同等とみなされ、同じようにレンダリングされます。

このように文字を「エスケープ」できることにより、文字<と(それぞれ とと&書いた場合)を、マークアップではなく文字データとして解釈できるようになります。たとえば、リテラルは通常タグの開始を示し、通常文字実体参照または数値文字参照の開始を示します。これを または または と書くと、要素の内容または属性の値に含めることができます。二重引用符文字( )は、属性値を引用するために使用されていない場合、属性値自体の中に現れるときは または または としてエスケープする必要があります。同様に、一重引用符文字( )は、属性値を引用するために使用されていない場合、属性値自体の中に現れるときは または(またはHTML5またはXHTML ドキュメント[ 81 ] [ 82 ] )としてエスケープする必要があります。ドキュメント作成者がこのような文字をエスケープする必要性を見落とした場合でも、一部のブラウザーは非常に寛容であり、コンテキストを使用してその意図を推測しようとします。結果は依然として無効なマークアップであり、たとえば 検索やインデックス作成の目的でドキュメントを解析しようとする他のブラウザや他のユーザーエージェントがドキュメントにアクセスしにくくなります。&lt;&amp;<&&amp;&#x26;&#38;&"&quot;&#x22;&#34;'&#x27;&#39;&apos;

エスケープにより、入力が容易でない文字や文書の文字エンコーディングで使用できない文字を要素や属性の内容で表現することも可能になります。例えば、西ヨーロッパや南米のキーボードでのみ一般的に見られるアキュートアクセント付き文字e( ) は、あらゆるキーボードで使用可能で、あらゆる文字エンコーディングでサポートされている文字を使用して、任意のHTML文書内で実体参照または数値参照またはとして記述できます。UTF -8などのUnicode文字エンコーディングは、すべての最新ブラウザと互換性があり、世界中の書記体系のほぼすべての文字に直接アクセスできます。[ 83 ]é&eacute;&#xE9;&#233;

HTMLエスケープシーケンスの例
名前付き 小数点 16進数 結果 説明 注記
&amp;&#38;&#x26;&アンパサンド
&lt;&#60;&#x3C;<未満
&gt;&#62;&#x3E;>より大きい
&quot;&#34;&#x22;"二重引用符
&apos;&#39;&#x27;'一重引用符
&nbsp;&#160;&#xA0; ノーブレークスペース
&copy;&#169;&#xA9;©著作権
&reg;&#174;&#xAE;®登録商標
&dagger;&#8224;&#x2020;短剣
&ddagger;&#8225;&#x2021;ダブルダガー名前は大文字と小文字が区別され、同義語が存在する場合があります。
&trade;&#8482;&#x2122;商標

データ型

HTMLは、要素コンテンツ用のスクリプトデータやスタイルシートデータなどの様々なデータ型を定義しています。また、属性値用のID、名前、 URI、数値、長さの単位、言語、メディア記述子、色、文字エンコーディング、日付と時刻など、様々な型を定義しています。これらのデータ型はすべて、文字データの特殊化です。

文書型宣言

HTML文書は、文書型宣言(非公式には「Doctype」)から始まる必要があります。ブラウザでは、Doctypeはレンダリングモード、特にQuirksモードを使用するかどうかを定義するのに役立ちます。

DOCTYPEの本来の目的は、文書型定義(DTD)に基づくSGMLツールによるHTML文書の解析と検証を可能にすることでした。DOCTYPEが参照するDTDには、そのDTDに準拠する文書において許容されるコンテンツと禁止されるコンテンツを規定する、機械可読な文法が含まれています。一方、ブラウザはHTMLをSGMLのアプリケーションとして実装していないため、DTDを読み込むことができません。

HTML5ではDTDが定義されていないため、HTML5ではDOCTYPE宣言はよりシンプルで短くなります。[ 84 ]

<!DOCTYPE html >

HTML 4 の DOCTYPE の例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd" >

この宣言は、HTML 4.01の「厳密」版のDTDを参照しています。SGMLベースのバリデータは、文書を適切に解析し、検証を実行するためにDTDを読み取ります。最近のブラウザでは、有効なDOCTYPEはQuirksモードではなくStandardsモードを有効にします。

さらに、HTML 4.01は、後述するように、 Transitional DTDとFrameset DTDを提供しています。Transitional DTDは最も包括的で、現在のタグだけでなく、古いタグや「非推奨」タグも含みます。一方、Strict DTDは非推奨タグを除外します。Frameset DTDには、Transitional DTDに含まれるタグに加えて、ページ上にフレームを作成するために必要なすべてのタグが含まれています。[ 85 ]

セマンティックHTML

セマンティックHTMLは、HTMLの記述方法の一つで、符号化された情報の意味を見た目よりも重視するものです。HTMLは当初からセマンティックマークアップを含んでいますが[ 86 ] 、 <code>、</code>タグなどのプレゼンテーションマークアップも含まれています。また、意味的に中立な<code> div</code>タグや<code>span</code>タグもあります。1990年代後半、カスケーディングスタイルシートがほとんどのブラウザで動作し始めた頃から、ウェブ制作者はコンテンツとプレゼンテーションの分離という観点から、プレゼンテーションHTMLマークアップの使用を避けるように推奨されてきました[ 87 ]<font><i><center>

2001年のセマンティックウェブに関する議論で、ティム・バーナーズ=リーらは、将来、インテリジェントソフトウェア「エージェント」がウェブを自動的にクロールし、以前は無関係だった公開済みの事実を人間のユーザーの利益のために発見、フィルタリング、相関させる方法の例を示した。[ 88 ]このようなエージェントは今でも一般的ではないが、Web 2.0マッシュアップ価格比較ウェブサイトのアイデアの一部は、これに近づいているかもしれない。これらのウェブアプリケーションハイブリッドとバーナーズ=リーのセマンティックエージェントの主な違いは、現在の情報の集約とハイブリッド化は通常、マッシュアップ、比較、結合したい特定のデータのウェブ上の場所とAPIセマンティクスを既に知っているウェブ開発者によって設計されているという点にある。

ウェブエージェントの重要な種類として、ウェブページを自動的にクロールして読み取るものがあり、その内容は事前に知る必要がありません。ウェブクローラーまたは検索エンジンスパイダーは、これらのソフトウェアエージェントがウェブページの意味的な明確さに依存して、様々な技術とアルゴリズムを用いて1日に何百万ものウェブページを読み取り、インデックス化し、ウェブユーザーに検索機能を提供します。検索機能がなければ、ワールドワイドウェブの有用性は大幅に低下してしまうでしょう。

検索エンジンのスパイダーがHTML文書内で見つかったテキストの重要性を評価できるようにするには、また、マッシュアップやその他のハイブリッドを作成する人や、開発されるより自動化されたエージェントのために、公開されたテキストの意味を引き出すために、HTMLに存在する意味構造を広く均一に適用する必要があります。[ 89 ]

プレゼンテーションマークアップタグは、現在のHTMLおよびXHTML勧告では非推奨となっています。以前のバージョンのHTMLにあったプレゼンテーション機能の大部分は、アクセシビリティの低下、サイト保守コストの増加、ドキュメントサイズの増大につながるため、もはや許可されていません。[ 90 ]

優れたセマンティックHTMLは、ウェブドキュメントのアクセシビリティも向上させます(ウェブコンテンツアクセシビリティガイドラインも参照)。例えば、スクリーンリーダーや音声ブラウザがドキュメントの構造を正しく理解できれば、正しくマークアップされた情報を繰り返し読み上げたり、無関係な情報を読み上げたりして、視覚障害のあるユーザーの時間を無駄にすることがなくなります。

配達

HTML文書は他のコンピュータファイルと同じ方法で配信できます。ただし、最も一般的には、WebサーバーからのHTTPまたは電子メールで配信されます。

HTTP

ワールド・ワイド・ウェブは、主にウェブサーバーからウェブブラウザへハイパーテキスト転送プロトコル(HTTP)を用いて送信されるHTML文書で構成されています。しかし、HTTPはHTMLに加えて、画像、音声、その他のコンテンツの提供にも使用されます。ウェブブラウザが受信した各文書の処理方法を判断できるように、文書と共に他の情報が送信されます。このメタデータには通常、MIMEタイプ(例:text/htmlまたはapplication/xhtml+xml)と文字エンコーディング(HTMLの文字エンコーディングを参照)が含まれます。

最新のブラウザでは、HTML文書とともに送信されるMIMEタイプが、文書の初期解釈に影響を与える可能性があります。XHTML MIMEタイプで送信された文書は整形式のXMLであることが期待されるため、構文エラーがあるとブラウザでレンダリングに失敗する可能性があります。同じ文書をHTML MIMEタイプで送信した場合、一部のブラウザはHTMLに対してより寛容であるため、正常に表示される可能性があります。

W3C勧告では、勧告の付録Cに定められたガイドラインに従うXHTML 1.0文書は、どちらのMIMEタイプでもラベル付けできると規定されている。[ 91 ] XHTML 1.1でも、XHTML 1.1文書は[ 92 ]どちらのMIMEタイプでもラベル付けすべきであると規定されている。[ 93 ]

HTMLメール

ほとんどのグラフィカル電子メール クライアントでは、プレーンテキストでは利用できない書式設定や意味的なマークアップを提供するために、HTML のサブセット (多くの場合、明確に定義されていない) を使用できます。これには、色付きの見出し、強調および引用されたテキスト、インライン画像や図表などの印刷情報が含まれる場合があります。このようなクライアントの多くには、HTML 電子メール メッセージを作成するためのGUIエディターと、それを表示するためのレンダリング エンジンの両方が含まれています。電子メールでの HTML の使用は、互換性の問題、フィッシング攻撃の偽装に役立つこと、視覚障害者のアクセシビリティの問題、スパムフィルターを混乱させる可能性があること、およびメッセージ サイズがプレーン テキストよりも大きいことなどの理由で、一部から批判されています。

命名規則

HTMLを含むファイルの最も一般的なファイル名拡張子は です。この拡張子の一般的な略語は ですが、これは一部のオペレーティングシステムがファイル拡張子を3文字までに制限していることに由来しています。[ 94 ].html.htm

HTMLアプリケーション

HTMLアプリケーション(HTA、ファイル拡張子.hta)は、ブラウザでHTMLとダイナミックHTMLを使用してアプリケーションのグラフィカルインターフェースを提供するMicrosoft Windowsアプリケーションです。通常のHTMLファイルは、 Webブラウザのセキュリティモデルに限定され、Webサーバーとのみ通信し、WebページのオブジェクトとサイトのCookieのみを操作します。HTAは完全に信頼されたアプリケーションとして実行されるため、ファイルやWindowsレジストリエントリの作成、編集、削除など、より多くの権限を持ちます。ブラウザのセキュリティモデルの外で動作するため、HTAはHTTP経由では実行できず、 EXEファイルと同様にローカルファイルシステムからダウンロードして実行する必要があります。

HTML4のバリエーション

HTMLとその関連プロトコルは、登場以来、比較的急速に受け入れられてきました。しかし、この言語の初期には明確な標準は存在しませんでした。作成者は当初、HTMLをプレゼンテーションの詳細のないセマンティック言語として考えていましたが、[ 95 ]実際の用途により、主にさまざまなブラウザベンダーの影響で、多くのプレゼンテーション要素と属性が言語に組み込まれました。HTMLを取り巻く最新の標準は、言語の時には無秩序な開発を克服し、 [ 96 ]意味があり見栄えの良い文書を作成するための合理的な基盤を作る努力を反映しています。HTMLをセマンティック言語としての役割に戻すために、W3Cはプレゼンテーションの負担を担うCSSXSLなどのスタイル言語を開発しました。併せて、HTML仕様では、プレゼンテーション要素を徐々に抑制してきました。

現在指定されている HTML のさまざまなバリエーションを区別する軸は 2 つあります。1 つの軸は SGML ベースの HTML と XML ベースの HTML (XHTML と呼ばれる)、もう 1 つの軸は厳密と移行的 (緩い) とフレームセットです。

SGMLベースとXMLベースのHTML

最新のHTML仕様における違いの一つは、SGMLベースの仕様とXMLベースの仕様の区別にあります。XMLベースの仕様は、従来の定義と明確に区​​別するために、通常XHTMLと呼ばれます。しかし、XHTMLで規定されたHTMLでも、ルート要素名は「html」のままです。W3Cは、より複雑なSGMLに比べてXMLの制限事項があり、回避策が必要となる場合を除き、XHTML 1.0をHTML 4.01と同一とすることを意図していました。XHTMLとHTMLは密接に関連しているため、並行して文書化されることがあります。そのような場合、一部の著者はこれら2つの名称を(X)HTMLまたはX(HTML)と混同することがあります。

HTML 4.01 と同様に、XHTML 1.0 には、strict、transitional、frameset の 3 つのサブ仕様があります。

文書の開始宣言の違いを除けば、HTML 4.01 文書と XHTML 1.0 文書(それぞれの対応する DTD 内)の違いは、主に構文上のものです。HTML の基礎となる構文では、XHTML では認められていない多くの省略形が認められています。例えば、要素の開始タグや終了タグ​​は任意であり、空要素には終了タグがあってはなりません。これとは対照的に、XHTML ではすべての要素に開始タグと終了タグが必要です。しかし、XHTML では新たな省略形も導入されています。XHTML タグは、次のようにタグの末尾にスラッシュを付けることで、同じタグ内で開始と終了を行うことができます。この省略形は HTML 4.01 の SGML 宣言では使用されていないため、この新しい規則に慣れていない以前のソフトウェアを混乱させる可能性があります。この問題を解決するには、次のように、閉じ山括弧の前のスラッシュを削除します。[ 97 ]<br/><br>

HTMLとXHTMLの微妙な違いを理解するために、付録C(下記参照)に準拠した、妥当かつ整形式のXHTML 1.0文書を、妥当なHTML 4.01文書に変換することを考えてみましょう。この変換には、以下の手順が必要です。

  1. 要素の言語は、langXHTMLxml:lang属性ではなく属性で指定します。XHTML は、XML に組み込まれている言語定義機能属性を使用します。
  2. XML名前空間(xmlns=URI)を削除します。HTMLには名前空間の機能はありません。
  3. ドキュメント タイプ宣言を XHTML 1.0 から HTML 4.01 に変更します。
  4. XML宣言が存在する場合は削除します。通常、これは次のようになります<?xml version="1.0" encoding="utf-8"?>
  5. ドキュメントのMIMEタイプが に設定されていることを確認してください。HTMLとXHTMLの両方の場合、これはサーバーから送信されたtext/htmlHTTPヘッダーから取得されます。Content-Type
  6. XML の空要素構文を HTML スタイルの空要素 (から) に変更します。<br/><br>

これらは、文書をXHTML 1.0からHTML 4.01に変換するために必要な主な変更点です。HTMLからXHTMLに変換するには、省略されている開始タグまたは終了タグも追加する必要があります。HTMLでコーディングする場合でもXHTMLでコーディングする場合でも、省略可能なタグを覚えておくよりも、HTML文書内に常に省略可能なタグを含める方が賢明でしょう。

整形式のXHTML文書は、XMLのすべての構文要件に準拠しています。有効な文書は、文書構造を記述するXHTMLのコンテンツ仕様に準拠しています。

W3Cは、HTMLとXHTML間の移行を容易にするためにいくつかの規則を推奨しています[ 98 ]。以下の手順はXHTML 1.0文書にのみ適用できます。

  • xml:lang言語を割り当てるすべての要素に、属性と属性の両方を含めますlang
  • 空要素構文は、HTML で空として指定された要素に対してのみ使用します。
  • 空要素タグ内の閉じスラッシュを削除します。たとえば、の代わりに です。<br><br/>
  • コンテンツを許可するが空のままにする要素には、明示的な閉じタグを含めます (たとえば、ではなく)。<div/>
  • XML 宣言を省略します。

W3Cの互換性ガイドラインに注意深く従うことで、ユーザーエージェントは文書をHTMLとXHTMLの両方として解釈できるようになります。このように互換性が確保されたXHTML 1.0文書については、W3CはHTML(text/htmlMIMEタイプ)またはXHTML( MIMEタイプapplication/xhtml+xmlまたはapplication/xml)のいずれの形式でも配信することを許可しています。XHTMLとして配信される場合、ブラウザは文書の内容を解析するためにXML仕様に厳密に準拠したXMLパーサーを使用する必要があります。

過渡的対厳格

HTML 4では、Strict、Transitional(かつてはLooseと呼ばれていました)、そしてFramesetという3つの異なる言語バージョンが定義されています。Strictバージョンは新しいドキュメント向けであり、ベストプラクティスと考えられています。一方、TransitionalバージョンとFramesetバージョンは、古いHTML仕様に準拠しているドキュメントや、どの仕様にも準拠していないドキュメントをHTML 4のバージョンに移行しやすくするために開発されました。TransitionalバージョンとFramesetバージョンでは、Strictバージョンでは省略されているプレゼンテーションマークアップが可能です。代わりに、 HTMLドキュメントのプレゼンテーションを向上させるために、カスケーディングスタイルシートが推奨されています。XHTML 1はHTML 4で定義された言語のXML構文のみを定義するため、同じ違いがXHTML 1にも当てはまります。

移行バージョンでは、厳密バージョンには含まれていない次の語彙部分が許可されます。

  • より緩やかなコンテンツモデル
    • インライン要素とプレーンテキストはbody、、、、およびで直接使用できます。blockquoteformnoscriptnoframes
  • プレゼンテーション関連要素
    • 下線 ( u) (非推奨。ハイパーリンクと混同する可能性があります。)
    • 取り消し線(s
    • center(非推奨。代わりに CSS を使用してください。)
    • font(非推奨。代わりに CSS を使用してください。)
    • basefont(非推奨。代わりに CSS を使用してください。)
  • プレゼンテーション関連の属性
    • background(非推奨。代わりに CSS を使用してください。) およびbgcolor(非推奨。代わりに CSS を使用してください。) 属性はbody、(W3C に従って必須の要素です。) 要素に適用されます。
    • aligndiv(非推奨。代わりに CSS を使用してください。) 、、form段落 ( p)、見出し ( h1... h6) 要素の属性
    • align要素の(非推奨。代わりに CSS を使用してください。)、noshade(非推奨。代わりに CSS を使用してくださいsize。)、width(非推奨。代わりに CSS を使用してください。)hr属性
    • align(非推奨。代わりに CSS を使用してください。)、bordervspaceおよび の属性hspace(注意:要素は Internet Explorer (主要ブラウザ) でのみサポートされています) 要素imgobjectobject
    • alignlegend(非推奨。代わりにCSSを使用してください。)およびcaption要素の属性
    • align要素の(非推奨。代わりに CSS を使用してください。) およびbgcolor(非推奨。代わりに CSS を使用してください。)table
    • nowrap(廃止) 、bgcolor(非推奨。代わりに CSS を使用してください。) width、、heightおよび要素tdth
    • bgcolor(非推奨。代わりに CSS を使用してください。)tr要素の属性
    • clear(廃止)br要素の属性
    • compactの属性dldirおよびmenu要素
    • type(非推奨。代わりに CSS を使用してください。)、compact(非推奨。代わりに CSS を使用してください。)、start(非推奨。代わりに CSS を使用してください。) の属性olul要素
    • type要素valueの属性li
    • widthpre要素の属性
  • 移行仕様の追加要素
    • menu(非推奨。代わりに CSS を使用してください。) リスト (代替手段はありませんが、順序なしリストが推奨されます)
    • dir(非推奨。代わりに CSS を使用してください。) リスト (代替はありませんが、順序なしリストが推奨されます)
    • isindex(非推奨) (要素はサーバー側のサポートを必要とし、通常はサーバー側でドキュメントに追加され、form要素inputは代替として使用できます)
    • applet(非推奨。object代わりに 要素を使用してください。)
  • languageスクリプト要素の (廃止) 属性 (属性と重複) type
  • フレーム関連エンティティ
    • iframe
    • noframes
    • target( 、 、 要素では非推奨ですmaplink)、クライアント側イメージマップ()、、要素のform属性amaplinkformbase

フレームセット バージョンには、トランジショナル バージョンのすべての内容に加えて、frameset要素 ( の代わりに使用body) とframe要素が含まれます。

フレームセットとトランジショナル

上記の移行上の違いに加えて、フレームセット仕様 (XHTML 1.0 または HTML 4.01) では、 を要素、またはオプションで を含むにframeset置き換えた、異なるコンテンツ モデルを指定します。 bodyframenoframesbody

仕様バージョンの概要

このリストが示すように、この仕様の緩いバージョンはレガシーサポートのために維持されています。しかし、よくある誤解とは異なり、XHTML への移行はレガシーサポートの削除を意味するものではありません。XML の X は拡張可能 (extensible) を意味し、W3C は仕様全体をモジュール化し、独立した拡張に開放しています。XHTML 1.0 から XHTML 1.1 への移行における主な成果は、仕様全体のモジュール化です。厳密なバージョンの HTML は、基本となる XHTML 1.1 仕様に対する一連のモジュール拡張を通じて XHTML 1.1 に導入されています。同様に、緩い (移行) 仕様やフレームセット仕様を探している人も、同様に拡張された XHTML 1.1 サポートを見つけることができます (その多くはレガシーモジュールまたはフレームモジュールに含まれています)。モジュール化により、個別の機能を独自のスケジュールで開発することもできます。たとえば、XHTML 1.1 を使用すると、MathML (XML に基づくプレゼンテーションおよびセマンティック数学言語) やXForms (既存の HTML フォームに代わる新しい高度な Web フォーム テクノロジ) などの新しい XML 標準への移行が迅速になります。

要約すると、HTML 4仕様は主に、様々なHTML実装をSGMLに基づいて明確に記述された単一の仕様にまとめ上げました。XHTML 1.0は、この仕様をそのまま新しいXML定義の仕様に移植しました。次に、XHTML 1.1はXMLの拡張性を活用し、仕様全体をモジュール化しました。XHTML 2.0は、標準化団体ベースのアプローチで仕様に新機能を追加するための第一歩となることを目指していました。

WHATWG HTML と HTML5

WHATWG によって開発された HTML Living Standard が公式バージョンであり、W3C HTML5 はもはや WHATWG から分離されていません。

WYSIWYGエディター

WYSIWYGエディタ(What You See Is What You Get、見たままの結果が得られること)と呼ばれるエディタでは、ユーザーはワードプロセッサに似たグラフィカルユーザーインターフェース(GUI)を使用して、 HTMLドキュメントに表示される内容をそのままレイアウトします。エディタはコードを表示するのではなく、ドキュメントをレンダリングするため、作成者はHTMLに関する高度な知識を必要としません。

WYSIWYG編集モデルは、主に生成されるコードの品質が低いという理由で批判されてきた[ 99 ] [ 100 ]。WYSIWYMモデル(見たままの意味)への変更を主張する開発者もいる[ 101 ]

WYSIWYG エディタは、次のような欠陥があると考えられているため、依然として議論の的となっています。

  • 意味よりもレイアウトに主に頼り、意図した意味を伝えず単にレイアウトをコピーしたマークアップを使用することが多い。[ 102 ]
  • 多くの場合、 HTML とCSSのカスケード特性を活用できない、非常に冗長で冗長なコードが生成されます。
  • 多くの場合、タグ スープと呼ばれる非文法的マークアップや、意味的に誤ったマークアップ (斜体など) が生成されます。<em>
  • HTML文書内の多くの情報はレイアウトに含まれていないため、このモデルは「見た目だけで全てがわかる」という性質があると批判されてきた。[ 103 ]

参照

注記

  1. ^ HTMLなどのマークアップ言語は、どちらもコンピュータの動作を制御するものですが、プログラミング言語とは別に分類されます。どちらもコンピュータ言語に分類されます。 [ 2 ]

参考文献

  1. ^ 「W3C HTML」
  2. ^ Hermans, Felienne ; Schlesinger, Ari (2024-10-17). 「プログラミング言語設計におけるフェミニズムの事例」. 2024 ACM SIGPLAN 国際シンポジウム「プログラミングとソフトウェアに関する新しいアイデア、新しいパラダイム、そして考察」の議事録. ACM. pp.  205– 222. doi : 10.1145/3689492.3689809 . ISBN 979-8-4007-1215-9
  3. ^ 「HTML 4.0仕様 - W3C勧告 - 適合性:要件と推奨事項」。ワールド・ワイド・ウェブ・コンソーシアム。1997年12月18日。2015年7月5日時点のオリジナルよりアーカイブ。 2015年7月6日閲覧
  4. ^ Tim Berners-Lee、「情報管理:提案」、CERN(1989年3月、1990年5月)。W3C。
  5. ^バーナーズ・リー、ティム。意図される使用法」W3C
  6. ^ 「HTMLで使用されるタグ」 . info.cern.ch. 1991年10月. 2023年3月2日閲覧
  7. ^ a b c「HTMLで使用されるタグ」。ワールド・ワイド・ウェブ・コンソーシアム。1992年11月3日。2010年1月31日時点のオリジナルよりアーカイブ2008年11月16日閲覧。
  8. ^ Berners-Lee, Tim (1991年10月29日). 「Re: status. Re: X11 BROWSER for WWW」 . World Wide Web Consortium. 2007年5月24日時点のオリジナルよりアーカイブ。 2007年4月8日閲覧
  9. ^ 「HTML 4要素のインデックス」。ワールド・ワイド・ウェブ・コンソーシアム。1999年12月24日。2007年5月5日時点のオリジナルよりアーカイブ2007年4月8日閲覧。
  10. ^ Berners-Lee, Tim (1991年12月9日). "Re: SGML/HTML docs, X Browser" . w3 . 2007年12月22日時点のオリジナルよりアーカイブ2007年6月16日閲覧。SGMLは非常に汎用的です。HTMLは、SGML基本構文を単純な構造のハイパーテキスト文書に適用した具体的なアプリケーションです。
  11. ^バーナーズ=リー、ティム、コノリー、ダニエル (1993年6月). 「ハイパーテキスト・マークアップ言語 (HTML): 検索と交換のためのテキスト情報とメタ情報の表現」 w3 . 2017年1月3日時点のオリジナルよりアーカイブ。 2017年1月4日閲覧
  12. ^ Raggett, Dave . 「HTML+文書フォーマットのレビュー」 . w3 . 2000年2月29日時点のオリジナルよりアーカイブ2020年5月22日閲覧。ハイパーテキストマークアップ言語であるHTMLは、グローバルなハイパーテキストのためのシンプルで非独占的な配信フォーマットとして開発されました。HTML+は、HTMLのモジュール式拡張機能のセットであり、情報提供者のニーズへの理解の深まりに応じて開発されました。これらの拡張機能には、浮動図、記入フォーム、表、数式などの周囲へのテキストフローが含まれます。
  13. ^ Berners-Lee, Tim ; Connolly, Daniel W. (1995年11月). Hypertext Markup Language - 2.0 . Network Working Group. doi : 10.17487/RFC1866 . RFC 1866 .歴史的仕様。RFC 2854  によって廃止されました。したがって、この文書HTML 2.0 を定義します(以前の非公式仕様と区別するため)。新機能を備えた将来の HTML のバージョン(一般的に上位互換性がある)は、より高いバージョン番号でリリースされます。
  14. ^ a b c d e f Raggett, Dave (1998). Raggett on HTML 4 . 2007年8月9日時点のオリジナルよりアーカイブ。 2007年7月9日閲覧
  15. ^ 「HTML5 – Hypertext Markup Language – 5.0」。インターネット技術タスクフォース。2014年10月28日。 2014年10月28日時点のオリジナルよりアーカイブ。 2014年11月25日閲覧この文書は、完成後にHTML 5.0を推奨しています。
  16. ^ 「HTML 3.2リファレンス仕様」 . World Wide Web Consortium. 1997年1月14日. 2008年11月16日閲覧
  17. ^ 「IETF HTML WG」 。 2007年6月16日閲覧注:このワーキンググループは閉鎖されています。
  18. ^ a b Engelfriet, Arnoud . 「ウィルバー入門」 . htmlhelp.com . 2007年6月16日閲覧
  19. ^ 「HTML 4.0仕様」 . World Wide Web Consortium. 1997年12月18日. 2008年11月16日閲覧
  20. ^ 「HTML 4 – 4 適合性:要件と推奨事項」 。 2009年12月30日閲覧
  21. ^ 「HTML 4.0仕様」 . World Wide Web Consortium. 1998年4月24日. 2008年11月16日閲覧
  22. ^ 「HTML 4.01仕様」 . World Wide Web Consortium. 1999年12月24日. 2008年11月16日閲覧
  23. ^ 「HTML 4 Errata」 . W3C . 2023年3月2日閲覧
  24. ^ a b ISO (2000). 「ISO/IEC 15445:2000 – 情報技術 – 文書記述及び処理言語 – ハイパーテキストマークアップ言語 (HTML)」 . 2023年3月1日閲覧
  25. ^ "ISO/IEC 15445:2000(E) ISO-HTML" . www.scss.tcd.ie.ジュネーブ、スイス:ISO/IEC. 2000年5月15日. 2023年3月1日閲覧
  26. ^ 「HTML5: HTMLとXHTMLの語彙と関連API」ワールド・ワイド・ウェブ・コンソーシアム、2014年10月28日。 2014年10月31日閲覧
  27. ^ 「HTML5勧告によりオープンウェブプラットフォームのマイルストーン達成」(プレスリリース)。ワールドワイドウェブコンソーシアム。2014年10月28日。 2014年10月31日閲覧
  28. ^ "HTML 5.1" . World Wide Web Consortium. 2016年11月1日. 2017年1月6日閲覧
  29. ^ 「HTML 5.1はW3C勧告です」。ワールド・ワイド・ウェブ・コンソーシアム。2016年11月1日。 2017年1月6日閲覧
  30. ^ Philippe le Hegaret (2016年11月17日). 「HTML 5.1はゴールドスタンダードだ」 . World Wide Web Consortium . 2017年1月6日閲覧
  31. ^ "HTML 5.2" . World Wide Web Consortium. 2017年12月14日. 2017年12月15日閲覧
  32. ^ 「HTML 5.2はW3C勧告になりました」。ワールド・ワイド・ウェブ・コンソーシアム。2017年12月14日。 2017年12月15日閲覧
  33. ^ Charles McCathie Nevile (2017年12月14日). 「HTML 5.2は完了、HTML 5.3が近づいています」 . World Wide Web Consortium . 2017年12月15日閲覧
  34. ^ Connolly, Daniel (1992年6月6日). 「MIME をハイパーテキストアーキテクチャとして」 . CERN . 2010年10月24日閲覧
  35. ^ Connolly, Daniel (1992年7月15日). 「HTML DTDを添付」 . CERN . 2010年10月24日閲覧
  36. ^ Connolly, Daniel (1992年8月18日). 「World Wide Webプロジェクトで定義されたハイパーテキストマークアップ言語の文書型宣言サブセット」 . CERN. 2012年3月14日時点のオリジナルよりアーカイブ。 2010年10月24日閲覧
  37. ^ a b Connolly, Daniel (1992年11月24日). 「World Wide Webアプリケーションで使用されるハイパーテキストマークアップ言語の文書型定義」 . CERN. 2012年1月18日時点のオリジナルよりアーカイブ。 2010年10月24日閲覧「改訂履歴」セクションを参照してください
  38. ^バーナーズ=リー、ティムコノリー、ダニエル(1993年6月). 「ハイパーテキストマークアップ言語 (HTML) インターネットドラフト バージョン 1.1」 . IETF IIIR ワーキンググループ. 2010年9月18日閲覧
  39. ^バーナーズ=リー、ティムコノリー、ダニエル(1993年6月). 「ハイパーテキスト・マークアップ言語 (HTML) インターネット・ドラフト バージョン 1.2」 . IETF IIIR ワーキンググループ. 2010年9月18日閲覧
  40. ^ Raggett, Dave (1993年11月8日). 「draft-raggett-www-html-00の履歴」 . IETFデータトラッカー. 2019年11月18日閲覧
  41. ^バーナーズ=リー、ティムコノリー、ダニエル(1994年11月28日). 「ハイパーテキスト・マークアップ言語仕様 – 2.0 インターネット・ドラフト」 .インターネット・エンジニアリング・タスクフォース. 2010年10月24日閲覧
  42. ^ Connolly, Daniel W. (1995-05-16). 「Hypertext Markup Language – 2.0」 . tools.ietf.org . 2019年11月18日閲覧。
  43. ^ Berners-Lee, Tim ; Connolly, Daniel W. (1995年11月). Hypertext Markup Language - 2.0 . Network Working Group. doi : 10.17487/RFC1866 . RFC 1866 .歴史的。RFC 2854  により廃止されまし
  44. ^ 「HTML 3.0 ドラフト(期限切れ!)資料」ワールド・ワイド・ウェブ・コンソーシアム、1995年12月21日。 2008年11月16日閲覧
  45. ^ a b「ハイパーテキストマークアップ言語仕様バージョン3.0」 。 2007年6月16日閲覧
  46. ^ Raggett, Dave (1995年3月28日). 「HyperText Markup Language仕様 バージョン3.0」 . HTML 3.0インターネットドラフト、6ヶ月で期限切れ. World Wide Web Consortium . 2010年6月17日閲覧
  47. ^ Bowers, N. (1998). 「Weblint: 単なるPerlハック」(PDF) . 1998 USENIX年次技術会議 (USENIX ATC 98) .
  48. ^ Lie, Håkon Wium ; Bos, Bert (1997年4月). Cascading Style Sheets: designing for the Web . Addison Wesley Longman. p.  263 . ISBN 978-0-201-41998-6. 2010年6月9日閲覧
  49. ^ "HTML5" . World Wide Web Consortium. 2008年6月10日. 2008年11月16日閲覧
  50. ^ 「HTML5、1つの語彙、2つのシリアル化」 2008年1月15日。 2009年2月25日閲覧
  51. ^ 「W3C、HTML5の最終決定を2011年5月に決定、HTML5標準規格は2014年を目標」ワールド・ワイド・ウェブ・コンソーシアム、2011年2月14日。 2011年2月18日閲覧
  52. ^ Hickson, Ian (2011年1月19日). 「HTMLは新しいHTML5」 . WHATWGブログ. 2019年10月6日時点のオリジナルよりアーカイブ2011年1月21日閲覧。
  53. ^ Grannell, Craig (2012年7月23日). 「HTML5が分裂する」 . Net magazine. 2012年7月25日時点のオリジナルよりアーカイブ2012年7月23日閲覧。
  54. ^ "HTML5" . W3C. 2012年12月17日. 2013年6月15日閲覧
  55. ^ 「HTML5はいつ完成するのか?」 FAQ WHATワーキンググループ2009年11月29日閲覧
  56. ^ 「レビューの呼びかけ: HTML5 勧告案が W3C ニュースに掲載」 W3C 2014年9月16日. 2014年9月27日閲覧
  57. ^ 「HTML5勧告によりオープンウェブプラットフォームのマイルストーンが達成」 W3C、2014年10月28日。 2014年10月29日閲覧
  58. ^ 「HTML5仕様が最終決定、仕様をめぐる論争は続く」 Ars Technica 2014年10月29日. 2014年10月29日閲覧
  59. ^ 「HTML vs XML構文」 . WHATWG . 2023年3月22日閲覧
  60. ^ 「XHTML 1.0: 拡張可能なハイパーテキストマークアップ言語(第2版)」。ワールドワイドウェブコンソーシアム。2000年1月26日。 2008年11月16日閲覧
  61. ^ 「XHTML 1.1 – モジュールベースXHTML — 第2版」 . ワールド・ワイド・ウェブ・コンソーシアム. 2007年2月16日. 2008年11月16日閲覧
  62. ^ 「XHTMLのモジュール化」 . W3C . 2017年1月4日閲覧
  63. ^ "XHTM 2.0" . World Wide Web Consortium. 2006年7月26日. 2008年11月16日閲覧
  64. ^ 「XHTML 2ワーキンググループは2009年末に作業を停止する予定、W3CはHTML5へのリソースを増強」ワールド・ワイド・ウェブ・コンソーシアム、2009年7月17日。 2008年11月16日閲覧
  65. ^ 「W3C XHTML FAQ」
  66. ^ Jaffe, Jeff (2019年5月28日). 「W3CとWHATWGが協力してオープンウェブプラットフォームを推進」 . W3Cブログ. 2019年5月29日時点のオリジナルよりアーカイブ。 2019年5月29日閲覧
  67. ^ 「W3CとWHATWGがHTMLとDOMの単一バージョンで協力する合意に署名」 W3C 2019年5月28日。2019年5月29日時点のオリジナルよりアーカイブ。 2019年5月29日閲覧
  68. ^ 「W3CとWHATWG間の覚書」W3C、2019年5月28日。2019年5月29日時点のオリジナルよりアーカイブ2019年5月29日閲覧。
  69. ^ Cimpanu, Catalin (2019年5月29日). 「ブラウザベンダー、HTMLおよびDOM標準をめぐるW3Cとの戦争に勝利」 ZDNet . 2019年5月29日時点のオリジナルよりアーカイブ。 2019年5月29日閲覧
  70. ^ “W3C – WHATWG Wiki” . WHATWG Wiki . 2019年5月29日時点のオリジナルよりアーカイブ。 2019年5月29日閲覧
  71. ^ Shankland, Stephen (2009年7月9日). 「Web標準XHTML 2の碑文」 . CNET . CBS INTERACTIVE INC.
  72. ^ 「HTMLの出版履歴」 . 2021年1月28日. 2025年12月24日閲覧
  73. ^ Doctypeでブラウザモードを有効にする. Hsivonen.iki.fi. 2012年2月16日閲覧。
  74. ^ 「HTML要素」 w3schools . 2015年3月16日閲覧
  75. ^ 「CSS入門」 . W3schools . 2015年3月16日閲覧
  76. ^ 「SGMLとHTMLについて」ワールド・ワイド・ウェブ・コンソーシアム。 2008年11月16日閲覧
  77. ^ 「XHTML 1.0 – HTML 4との相違点」 . ワールド・ワイド・ウェブ・コンソーシアム. 2008年11月16日閲覧
  78. ^ Korpela, Jukka (1998年7月6日). 「HTMLでは属性値を常に引用符で囲むべき理由」 . Cs.tut.fi. 2008年11月16日閲覧
  79. ^ 「HTML文書内のオブジェクト、画像、アプレット」 . World Wide Web Consortium. 1999年12月24日. 2008年11月16日閲覧
  80. ^ 「H56: インライン要素の dir 属性を使用して、ネストされた方向付き要素の問題を解決する」 . WCAG 2.0 テクニック集. W3C . 2010年9月18日閲覧
  81. ^ 「文字実体参照表」 . ワールド・ワイド・ウェブ・コンソーシアム. 2012年10月24日.
  82. ^ 「名前付き文字参照」 . ワールドワイドウェブコンソーシアム. 2000年1月26日.
  83. ^ Unicode標準:技術入門」 Unicode . 2010年3月16日閲覧
  84. ^ 「HTML構文」 . HTML標準. 2013年8月19日閲覧
  85. ^ 「HTML 4 フレームセット文書型定義」 . W3C . 2021年12月25日閲覧
  86. ^バーナーズ=リー、ティム、フィシェッティ、マーク (2000) 『ウェブを紡ぐ:発明者によるワールド・ワイド・ウェブの原案と最終的な運命』サンフランシスコ:ハーパー社、ISBN 978-0-06-251587-2
  87. ^ Raggett, Dave (2002). 「スタイルにちょっとしたアクセントを加える」 . W3C . 2009年10月2日閲覧この記事では、プレゼンテーションHTMLマークアップが「Netscape 4.0およびInternet Explorer 4.0より前の」ブラウザを対象とする場合に有用である可能性があると述べています。これらのブラウザが1997年にリリースされたことを確認するには、ウェブブラウザのリストを参照してください。
  88. ^バーナーズ=リー、ティム、ヘンドラー、ジェームズ、ラッシーラ、オラ (2001年5月1日). 「セマンティックウェブ」 . Scientific American . 2009年10月2日閲覧
  89. ^ Nigel Shadbolt、Wendy Hall、Tim Berners-Lee (2006). 「セマンティックウェブ再考」(PDF) . IEEE Intelligent Systems. 2013年3月20日時点のオリジナル(PDF)からアーカイブ。 2009年10月2日閲覧
  90. ^ 「HTML: The Living Standard」 . WHATWG . 2018年9月27日閲覧
  91. ^ "XHTML 1.0 拡張可能ハイパーテキストマークアップ言語(第2版)" . World Wide Web Consortium. 2002 [2000] . 2008年12月7日閲覧.付録C「HTML互換性ガイドライン」に定められたガイドラインに従うXHTML文書は、ほとんどのHTMLブラウザと互換性があるため、インターネットメディアタイプ「text/html」[RFC2854]でラベル付けすることができます。これらの文書、および本仕様に準拠するその他の文書は、[RFC3236]で定義されているインターネットメディアタイプ「application/xhtml+xml」でラベル付けすることもできます。
  92. ^ S. Bradner (1997年3月). RFCで要件レベルを示すためのキーワード. IETFネットワークワーキンググループ. doi : 10.17487/RFC2119 . BCP 14. RFC 2119 .現在のベスト プラクティス 14。RFC 8174  により更新されました。3 . SHOULD この単語、または形容詞「RECOMMENDED」は、特定の状況では特定の項目を無視する正当な理由が存在する可能があるが、別の方法を選択する前にその意味を完全に理解し、慎重に検討する必要があることを意味します。
  93. ^ 「XHTML 1.1 – モジュールベースXHTML — 第2版」。ワールド・ワイド・ウェブ・コンソーシアム。2007年。 2008年12月7日閲覧。XHTML 1.1文書は、[RFC2854]で定義されているインターネットメディアタイプtext/html、または[RFC3236]で定義されているapplication/xhtml+xmlでラベル付けされるべきである。
  94. ^ 「ファイル、パス、名前空間の命名」 Microsoft 2015年3月16日閲覧
  95. ^ HTML 設計制約、W3C アーカイブ
  96. ^ WWW: BTB – ​​HTML、Pris Sears
  97. ^ HTML 標準 - br 要素、WHATWG
  98. ^ 「XHTML™ 1.0 拡張可能ハイパーテキストマークアップ言語(第2版):HTML互換性ガイドライン」ワールドワイドウェブコンソーシアム2002年8月1日 [2000年1月26日] 。 2006年7月18日閲覧
  99. ^ Sauer, C.: WYSIWIKI – インターネット時代のWYSIWYGへの疑問. Wikimania (2006)
  100. ^ Spiesser, J., Kitchen, L.: WYSIWYGプログラムによって自動生成されるHTMLの最適化. 第13回国際ワールドワイドウェブ会議, pp. 355–364. WWW '04. ACM, ニューヨーク, NY (ニューヨーク, アメリカ合衆国, 2004年5月17日~20日)
  101. ^ 「WYSIWYM (What You See Is What You Mean) | Linux Journal」www.linuxjournal.com . 2025年12月16日閲覧
  102. ^ XHTMLリファレンス: blockquote Archived 2010-03-25 at the Wayback Machine . Xhtml.com. 2012-02-16閲覧。
  103. ^ダグ・エンゲルバート著『INVISIBLE REVOLUTION』。Invisiblerevolution.net。2012年2月16日閲覧。