(有)未来検索ブラジルが運営するあらゆる言葉についての記事を閲覧・編集したり、コメントをしたりするサイトです。

単語記事: HTML

編集

HTMLとは、「ひとみる」な形式である。Hotmailの略ではないのであしからず。

HyperText Markup Language の略で、ウェブページを記述するための言語である。
→ニコニコ大百科:HTMLタグ一覧 (ニコニコ大百科で使用できるHTMLタグの一覧)

概要

HyperTextとは、リンクによって文章間を関係付け、関係のある文書を辿っていけるようにした文書のことである。これをMarkup（記述）するLanguage（言語）なのだから、直訳は「ハイパーテキスト記述言語」となる。

HTMLの仕様はW3C(World Wide Web Consortium)という団体が定めており、ほぼ全てのウェブページはHTML及びその派生のXHTMLで記述されている。

もちろんこの記事もHTMLを用いて記述されている。主要なブラウザなら「右クリック→ソースを表示」でこのページがどのようにHTMLで記述されているかが確認できる。

HTMLの簡単な説明

HTMLとは文章に意味づけをするための言語だ。例えば、下記左のような文章があったとする。

表示サンプル ソースコード
今日の出来事
今日は以下のような出来事があった。
・宝くじで300円当たった
・昼飯にうどんを食べた
・友人と会った		 <h1>今日の出来事</h1>
<p>今日は以下のような出来事があった。</p>
<ul>
<li>宝くじで300円当たった</li>
<li>昼飯にうどんを食べた</li>
<li>友人と会った</li>
</ul>

左の文章は人間が見れば「今日の出来事」が文章のタイトルで、以下説明文と出来事が箇条書きで書いてあることが分かる。しかし、コンピュータがそのようにそれぞれの文字の役割(見出し・段落・箇条書きなど)を判別することは非常に難しい。

そこで、HTMLでは上記右のようにタグを付加し、コンピュータで容易に解析可能な記述をすることによって、それぞれの文字の役割を示す。

タグ<hoge>…</hoge>で囲まれた部分がhoge要素になる。
上のHTMLでは「今日の出来事」がh1要素、「今日は以下のような出来事があった」がp要素となっている
(HTMLでは、h1要素が最上位の見出し、p要素が段落、ul要素が箇条書き、li要素が箇条書きの項目を意味する)。

このようにして、当初の目的である、コンピュータに文章の構成要素を伝えるということが達成できた。

インライン要素・ブロック要素

要素には大きく分けてインライン要素とブロック要素2種類がある。おおざっぱに言えば、行の中に詰め込める要素がインライン要素で、行を中に詰め込める要素がブロック要素である。

本文の書き方

原則として<p>と</p>の間に書きます（ちなみにこの<p>は段落(パラグラフ)を意味しています）。

基本的にHTMLでは、ソース中の改行文字や連続したスペースは意味を持ちません。また「<」「>」はタグで使用するので「&lt;」「&gt;」と記述する必要があります(そのまま記述できない文字は他にもあります)。

<br />による改行は非推奨とされています。 → <br />

よくある勘違い

HTMLはウェブページのレイアウトを記述するための言語ではありません。ウェブページの文書構造を記述するための言語です。
レイアウトはCSSを使って記述した方が柔軟に対応できますし、より高度なレイアウトが実現でき、さらにHTMLも綺麗に書け、ページ間で統一した見た目を実現するのも簡単に行えます。

というのが理想なのですが、現状の大百科の仕様では妥協せざるを得ない点も多いようです。残念。

ついでの知識

日本においては、1992年に東京理科大学の奥乃博教授(現・京都大学教授)が初めてHTMLを記述した。

その中身は…アクセスしてみてのお楽しみ。

関連動画

関連項目

関連商品

携帯版URL:
http://dic.nicomoba.jp/k/a/html
ページ番号: 386791 リビジョン番号: 1311159
読み：エイチティーエムエル
初版作成日: 08/07/23 12:25 ◆ 最終更新日: 11/10/05 20:12
編集内容についての説明/コメント: リンク先の記事名変更に伴う修正・削除動画差し替え
記事編集 / 編集履歴を閲覧 /

HTMLについて語るスレ

-HTMLの記事へ戻る- « 前へ 1- 31-
24 ： ななしのよっしん ：2011/07/02(土) 14:07:36 ID: GcQc1KYQ65
　　　　　　　　　　　　 ／）
　　　　　　　　　　　／／／）
　　　　　　　　　 ／,.=ﾞ''"／　　　
　　　／　　　　 i f　,.r='"-‐'つ＿＿＿_こまけぇこたぁいいんだよ！！
　　/　　　　　 /　　　_,.-‐'~／⌒　　⌒＼
　　　　／　 　,i　　　,二ﾆ⊃（ ●）.　（●）＼
　　　/　 　　ﾉ　　　 ilﾞフ::::::⌒（__人__）⌒::::: ＼
　　　　　　,ｲ｢ﾄ､　　,!,!|　　　　　|r┬-|　　　　　|
　　　　　/　iﾄヾヽ_/ｨ"＼ 　　 　 `ー'´ 　 　 ／
25 ： ななしのよっしん ：2011/09/20(火) 23:56:03 ID: Ora88E08lb
>>23
どうしても文法違反しなけりゃダメというわけでもない
意外と簡単にきれいになる
絶対とは言わんが標準的な文法は従うべきもの
26 ： ななしのよっしん ：2011/10/02(日) 23:49:59 ID: oANZzZIE9b
いまから10年くらい前は、ビルダーか何か使って自分ではまともにHTMLも書けない（くせに、HPを自作したとかなんたら言ってる）ようなヤツらを心の底からバカにしていたもんが…
いまは、なんと言うか、…どうでもいいわw
丸くなったわけじゃなくて、これもそうだが、もう人が作ったフォームなんで、自分にとっては枝葉末節という感じで、興味がないというかね。

っていうか、きょうび、HTMLをちゃんと書きこなせているサイトなんてほとんどねーだろww
27 ： ななしのよっしん ：2011/11/02(水) 02:44:32 ID: wc42ql0/0v
消防の時にHP作った頃はタグを全部手書きとコピーで書いてやってたな
頻出タグをノートに書きだしたりして覚えてた(ホームページビルダーを持っていなかったため)
今じゃblogも続かないのによく頑張っていたものだ…
28 ： ななしのよっしん ：2011/12/08(木) 15:12:06 ID: MWDhq1SbXK
スクエニのFFXIII-2とIE9がコラボ、FlashではなくHTML5でキャンペーンサイト -INTERNET Watch
http://internet.watch.impress.co.jp/docs/news/20111208_496623.html

>　マイクロソフトによると、FFXIII-2のキャンペーンサイトでは、
>HTML5のAudio、Video、Canvas、Geolocationといった要素を活用。
>また、ページ上で踊るモーグリのレンダリングはSVGを使っている。
>また、地上の衛星地図画面の表示にはBing Map APIを利用。
>バックエンドにもWindows Azureを活用するなど、マイクロソフトのソリューションでサポートしている。
>
>　マイクロソフトは、スクウェア・エニックスのようなコンテンツ企業の
>HTML5活用をバックアップすることで、最新ブラウザーで楽しめる
>HTML5サイトが多数登場するのを後押しし、IE9の導入・普及を促したい考えだ。
(省略しています。全て読むにはこのリンクをクリック！)
29 ： ななしのよっしん ：2012/01/18(水) 15:31:36 ID: qPPsQAPkld
ニコニコのhtml5 player、iPad/iPhoneだけじゃなくて一般にも開放してくれないかなぁ
30 ： ななしのよっしん ：2012/02/26(日) 14:47:17 ID: MWDhq1SbXK
GoogleとMicrosoftら、HTML5対応のコンテンツ暗号化APIの標準化を申請 - ITmedia ニュース
http://www.itmedia.co.jp/news/articles/1202/24/news030.html

>　HTML5では、FlashやSilverlightなどのプラグインを使わずに動画や音声を再生できる
>（Webブラウザによる対応が前提）が、そうしたプラグインと異なり、デジタル著作権管理（DRM）の方法は
>定められていない。そのため、DRMで保護されたコンテンツを提供するには、Webブラウザや
>端末別に対応させる必要がある。これは、コンテンツ提供側にとっては大きな負担になっている。
>
>　Googleらが提案するシステムでは、APIをWebブラウザに追加することで、HTMLのmediaエレメントに
>変更を加えることなく、あらゆるコーデックやコンテンツ暗号化をサポートするという。
>これは、H
(省略しています。全て読むにはこのリンクをクリック！)
31 ： ななしのよっしん ：2012/03/25(日) 23:33:42 ID: MWDhq1SbXK
HTML5の完成は3年後--W3Cの決定の背景 - CNET Japan
http://japan.cnet.com/news/commentary/20426259/?ref=rss

>　具体的に言うと、World Wide Web Consortium（W3C）のHTML Working Groupは米国時間2月14日、
>HTML5を推奨標準として正式に認定するのは2014年第2四半期になるとの見通しを発表した。
>この長いスケジュールは、HTMLを流動的に更新される
>「生きている標準」にしようという別の取り組みとは対照的だ。

>　「われわれは2007年から（HTML5に）取り組んでいる。7年でHTML5を完成させることが目標だ」。
>W3CのHTMLアクティビティリーダーを務めるPhilippe Le Hegaret氏は米CNETに対しこのように述べた。
32 ： ななしのよっしん ：2012/03/31(土) 19:24:50 ID: MWDhq1SbXK
ブラウザもOSもFacebookもHTML5に本気モード - ＠IT
http://www.atmarkit.co.jp/fwcr/design/ux/html5toka05/01.html

>Windows 8/Mozillaの新OSとマーケットプレイスについて、
>FacebookのモバイルWeb対応など12本のHTML5関連ネタをお届けする
33 ： ななしのよっしん ：2012/05/03(木) 22:31:12 ID: q9zqus0V84
HTMLにニコニコ動画のプレイヤーを埋め込んてみたが、いくら待っても
動画を読み込むことが出来ない。
youtubeの方はちゃんと読み込めて再生出来たのに・・・一体何故なんだ？
-HTMLの記事へ戻る- « 前へ 1- 31-
ページトップへ戻る