7つのカテゴリでも紹介しましたが、HTML5の特徴の1つである7つのカテゴリの中に「メタデータ・コンテンツ」があります。ブラウザの表示と直接関係がないため、なかなか理解を深める機会がないメタデータ・コンテンツについて、少し詳しく見ていきたいと思います。メタデータ・コンテンツについては、こちらのページもご参照下さい。HTML文書の情報を指定する要素群です。</head>に書き、ブラウザでは表示されません。メタデータ・コンテンツをきちんと書かないと、外部CSSのリンク切れで想定通り表示できなくなったり、Javascriptが作動しなくなるなど、様々な不具合の原因になってしまいます。タイトルをご参照下さい)、メタデータコンテンツのtitle要素以外の要素を1つずつ見て行きたいと思います。base要素は、そのHTMLファイルのベースになる絶対URLをブラウザに指定する要素です。(そのHTML自身の絶対URLではなく、ベースになる絶対URLです。相対URLを使う場合の起点を定める重要な要素です。base要素にtarget属性を使ってターゲットを指定(ウィンドウ、タブ、フレームなどを指定)すれば、そのHTML内のリンクはすべて指定先で表示されます。・<base>は必ず<head>内に1つだけ書きます(複数書いても最初の1個目しか読み取られません)。・終了タグは無く、属性はhref属性かtarget属性のみで、少なくとも1つは属性を書きます。実際には次のように書きます。href=”http://www.test.com/index.html”>の部分が<base>の書き方です。ベースとなるページ(通常、トップページ)の絶対URLが「http://www.test.com/index.html」の場合に、上記の書き方になります。上記ファイルのURLが、仮に「http://www.test.com/column/index.html」(トップページがある階層の「column」ディレクトリの中の、index.htmlという名前のファイル)だとします。href=”category/profile.html”」の絶対URLは、上記ファイルからのパスではなく、<base>のURLからのパスになるので、「http://www.test.com/category/profile.html」になります。<link>要素を使って、CSSの外部ファイルを読み込んでいます(「column.css」と「default.css」です)。「column.css」は<base>の前なので<base>の影響を受けません。このHTML自身からのパスになり、「http://www.test.com/column/column.css」を指しています。「default.css」は<base>の後に書いているので<base>の影響を受けます。このCSSの絶対URLは「http://www.test.com/default.css」です。このように、<base>の位置で関連ファイルの絶対URLが変わってくるため、特別な事情がない限り、<base>は<head>内の他のリンクが始まる前に書いておくのが良いです。▲目次へ戻る4.base要素のtarget属性base要素でtarget属性を指定すると、そのHTMLファイル内のリンクは、指定されたターゲットに表示されます。属性は上書きされて、そのリンクで指定されたターゲットに表示されます。そもそも、target属性は、リンクを表示するブラウザのウィンドウやタブやフレーム(全部合わせて「ブラウジング・コンテキスト」と言います)を指定するための属性です。a要素で使う時は、次のように書きます。target="_blank">リンク</a>値に「_blank」というキーワードを使っています。これは、別ウィンドウ(タブ、フレーム)を開いてそこに表示するという内容です。キーワードは他に「_self」「_parent」「_top」があります。値が「_self」「_parent」「_top」なら、今表示されている場所にリンクファイルも表示されます。「_blank」なら、新しいウィンドウ(またはタブ)を開いてそこに表示します。ウィンドウかタブかは、ユーザのブラウザの設定によります。target属性の値にはこの他に「任意の名前」も使えます。インラインフレームなどに任意の名前をつけておいて、その中にリンクを開きます。targetで指定すると、そのインラインフレームにリンクファイルを表示する名前の冒頭に「_(アンダースコア)」はしようできない▲目次へ戻るSHARE最新記事スキルアップ2020.02.19兵庫県のプログラミングスクール5選|人気おすすめは?料金&特徴を比較2020年最新!この記事では、兵庫県で人気&おすすめのプログラミングスクール5校を料金や講座内容別に徹底比較。ご自分のペースで効率よく学べる無料のオンラインスクールもありますよ。今回は、茨城県で人気&おすすめのプログラミングスクール6校を料金や特徴別に徹底比較。多彩なコースで効率よく学べる人気スクールなど厳選してまとめました。今回は、兵庫県でおすすめのIT専門学校とプログラミングスクールを受講料が安い順ランキングで9校まとめました。若狭湾を囲んで美しいビーチや景勝地が点在する福井県。今回は「プログラミングを学んで東京都内でエンジニアとして就職したい!」という方に向けて、福井でおすすめのIT専門学校&プログラミングスクールを厳選2校ピックアップ。[...]スキルアップ2020.02.10岡山県のIT専門学校&プログラミングスクール7選!学費と特徴を徹底比較きびだんごと桃太郎といえば岡山県!今回は、そんな岡山県でおすすめのIT専門学校&プログラミングスクールを受講料が安い順にランキング形式で7校ご紹介。世界遺産の厳島神社や日本三景と称される安芸の宮島など、世界的に有名な観光地として知られる広島県。