【Vol.1】13 The HTML syntax｜HTML文書を読んでHTMLにより詳しくなる！

原文

13 The HTML syntax

Note
This section only describes the rules for resources labeled with an HTML MIME type. Rules for XML resources are discussed in the section below entitled "The XML syntax".

訳文

13 HTML構文
注
この節では、HTML MIMEタイプとして扱われるものの規則についてのみ説明する。XMLリソースの規則については、以下の「XML構文」の項で説明する。

用語と訳の解説

syntax

  1. (linguistics) the way that words and phrases are put together to form sentences in a language; the rules of grammar for this
  2. (computing) the rules that state how words and phrases must be used in a computer language
  1. ある言語において、単語や句が組み合わされて文章を形成する方法、およびそのための文法規則
  2. コンピュータ言語の中で、単語や句をどのように使用しなければならないかを定めた規則

  • （言語学の）統語論、統辞論、構文論
  • 文がどのような構造を持つかを研究する言語学の一分野。文はより小さい単位から成り立つが、その各単位間に見られる文法規則を、何らかの構造論的根拠を持って明示することを目的とする。

つまりsyntaxとは、文章を作る規則・文法のこと。

また「構文」の意味は、本来「文の構造。文章の組み立て」で「文の構造の規則＝文法」を意味しないが、IT関連では「文法」の意味で「構文」と呼ぶことが多い。

故に、syntaxの訳語は、「文法」ではなく「構文」とした。

resources

恐らく「HTML文書を記述するのに必要な、DOCTYPEや要素など」を指すものと思われるが、要は「第13節内で規定・解説されているもの」のことであろう。
というわけで、単にカタカナで「リソース」としたり、訳して「資源・物資」などと訳しても意味が分かりにくいので、単に「もの」と意訳してみた。

labeled with

原形は
【label A with B】A〈物〉にB〈名前・説明〉を書いたラベルを貼る
から、「（ラベルを貼って）分類する」→「識別する」、そこから飛躍して「見なす」→「として扱う」とした。
故に、「resources labeled with an HTML MIME type」は、「HTML MIME typeと書いたラベルの貼られたリソースたち」→「HTML MIME typeで識別されたものたち」から、意訳「HTML MIMEタイプとして扱われるもの」としてみた。

MIME 【Multipurpose Internet Mail Extensions】

  • TCP/IPネットワーク上でやり取りする電子メールで、当初の規格で唯一記載することができたASCII英数字以外のデータ（各国語の文字、添付ファイルなど）を取り扱うことができるようにする拡張仕様。

  • 電子メールでさまざまな書式を扱うための規格。従来、半角英数字しか扱えなかった電子メールで、漢字などの2バイト文字や画像・音声などのバイナリーデータを、半角英数字の文字列に変換して転送することを可能にした。◇「multipurpose internet mail extensions」の頭文字から。「多目的インターネットメール拡張」ともいう。

  • メールで日本語や画像を使うために作られたお約束事

MIMEタイプ 【MIME type】

  • 別名：メディアタイプ / media type、コンテンツタイプ / Content-Type
  • 電子メールに文字以外のデータを含める方式を定めたMIMEで、データ形式を識別するためのコードの体系。転じて、Webのデータ送受信を行うHTTPなどでもデータの種類を表すコード（Content-Type）として利用されている。

  • 文書、ファイル、またはバイト列の性質や形式を示す標準です。 IETFのRFC 6838で定義され、標準化されています。
    Internet Assigned Numbers Authority (IANA) はすべての公式のMIMEタイプを管理しており、Media Typesページで最新の完全なリストを見つけることができます。
    重要：ブラウザーはURLを処理する方法を決定するために、ファイル拡張子ではなくMIMEタイプを使用しますので、ウェブサーバーは正しいMIMEタイプをレスポンスのContent-Typeヘッダーで送信することが重要です。これが正しく構成されていないと、ブラウザーはファイルの中身を誤って解釈し、サイトが正しく動作しなかったり、ダウンロードファイルが誤って扱われたりすることがあります。

  • ホームページを表示するとき、ホームページのファイルが置いてあるコンピュータ（Webサーバ）からホームページを見るときに使うソフト（Webブラウザ）に対して、ホームページのファイルが渡されます。
    このとき、ホームページのファイルには「このファイルは、こんな種類のファイルですよ」な情報がくっついています。
    例えば「HTMLファイルですよ」や「画像です」などです。
    「このファイルは、こんな種類のファイルですよ」な情報がMIMEタイプです。
    （中略）
    まぁ「MIMEタイプ」って単語が出てきたら「ファイルの種類を表す情報なんだな～」と、お考えください。



コメント

コメントを投稿

よく読まれている記事

CSSボタンでテキストを天地中央に揃えるとき、なぜボタン高と行高を一緒にするのか

イメージ
表題の件が気になり調べたものを共有した方がイイかなと思い公開してみる。 自身の中でまだよく噛み砕けていないので判りづらい箇所があるかと思うが、そこはご寛恕を。 参考 Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification（日本語訳） Eric A. Meyer著. 株式会社クイープ訳. CSS完全ガイド第2版 . オライリージャパン, 2010 インライン要素とは何か 文書構造を構成するブロックレベル要素内の特定箇所にある特定の機能や論理的な意味を付加する要素をいう。それ自身の前後に改行を生成しない。例としては、a要素、em要素、span要素など。 インライン要素には非置換要素と置換要素とがある。今回は置換要素には触れない（置換要素の代表例はimg要素）。 非置換要素とは何か 要素に囲まれた内容がそのまま表示される要素。HTMLやXHTMLの要素の大半は非置換要素である。 インライン非置換要素の特徴 widthとheightは適用されない。 背景はコンテンツエリアとpaddingに適用される。 上下marginは、事実上適用されない。 左右paddingは、要素の先頭と末尾のみに適用される。 上下paddingは、要素の背景を上下に伸ばすが、行の高さに影響しないため、背景色がある場合は上下の行（実際は上の行）に重なってしまう。 line-heightは何を制御しているか 行高を指定するline-heightは単純に行間を制御しているのではなく、 leadingという、コンテンツエリアの上下にある余白を制御 している。 leadingはline-heightとfont-sizeとの差 であり、 この差を等分 して コンテンツエリアの上下に加えることによって行間が決まる （コンテンツエリア＋leadingをインラインボックスという）。 コンテンツエリアとは、インライン非置換要素では、要素内の全ての文字を繋ぎ合わせたボックスでfont-sizeの値と同じ高さになる。 図解すると以下の通り。 つまり、line-heightが設定され...
Read more »

FullCalendarの導入からカレンダー毎の色指定まで

イメージ
2012年7月の拙サイト改装2回目時に既に導入している「 FullCalendar 」について、導入からGoogleカレンダーの複数読込み、カレンダー毎の色指定までをおさらい。基本的な流れはFullCalendarサイトの解説を踏襲。 デフォルト状態 下記改修を施した後 1. ダウンロード Downloadページ から「fullcalendar-1.5.3.zip」をダウンロードして解凍後、自サーバーへアップ。 2. fullcalendarのCSSとJSを読込む <head> タグ内に以下を記述。 <link rel="stylesheet" type="text/css" href=" fullcalendar.css " /> <script type="text/javascript" src=" fullcalendar.js "></script> <script type="text/javascript" src=" fullcalendar.min.js "></script> <script type="text/javascript" src=" gcal.js "></script> 赤字部分は各自の階層に合うように適宜変更。 3. FullCalendarにGoogleカレンダーを読込むためのjQueryを <head> タグ内に記述 必ず <script> タグで囲むこと。 <script type="text/javascript"> $(document).ready(function() { $(' #calendar ').fullCalendar({ // あとでここに色々追記 }) }); </script> 4. <body> タグ内のFullCalendarを挿入したい箇所にID属性を挿入 <...
Read more »

FacebookページのフィードURLを取得しウォールを自サイトに表示

イメージ
結局未採用だけど、折角調べて試してみたので記録しておく。 参照サイトは jQueryでFacebookページのウォールを自分のサイトに表示する方法（簡易バージョン） | webOpixel FacebookページのフィードURL取得は（取得ツール付き） FacebookページのフィードURLを取得してフィードリーダーで購読する方法: 小粋空間 以上、深謝。 自分のFacebookページのフィードURLを取得 上記参照サイトでは、自FacebookページのID確認方法について書かれているが、小粋空間さんのページに「自FacebookページのフィードURL取得ツール」があるので、自FacebookページのURLを入力すれば、フィードURLを表示してくれる。但しフォーマットはAtom1.0なので、RSS2.0フォーマットは以下のように変更する。 小粋空間さんの取得ツールで取得したフィードURL https://www.facebook.com/feeds/page.php?format= atom10 &id= [取得したID] RSS2.0フォーマットに変更後 https://www.facebook.com/feeds/page.php?format= rss20 &id= [取得したID] jQueryを自サイトに貼込み webOpixelさんからjQueryをを拝借し、自サイトに貼り込む。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { var formatData = function(date) { var d = new Date(date); return (d.getFullYear() + '.' + ("0"+(d.getMonth()+1)).slice(-2) + '.' ...
Read more »