• ベストアンサー

<template>タグ

HTMLにおいて<div>でエレメントを囲うのと <template>でエレメントを囲うのでは 何が違うのでしょうか? <template>タグについてググってもあまり納得できる説明がなかったので... WordPressのテンプレート化とも違う概念なのでしょうか? 馬鹿な質問でスミマセン。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5085/13292)
回答No.1

<template> ~ </template> で書かれた部分については、ブラウザはレンダリングせず無視します。 JavaScript で動的にHTMLを書き換える処理をする際に、プログラム内に書き換えで使用する HTML を書くのはプログラムが見にくくなりますし、本来の処理とは関係ない内容が多く入ることになるので、処理を行う部分とページの書き換えに利用する HTML を記述する部分を分離するために <template> タグが用意されました。

関連するQ&A

  • 《Fc2ブログのテンプレート編集について》

    《Fc2ブログのテンプレート編集について》 こんにちは。 FC2ブログを使用しています。 以前使用していた共有テンプレートのリンク部分をHTML編集して、 リンク先を直接入力して表示させていました。 左メニューにある「環境設定」→「リンクの設定」では、 バナーが表示されないため、このように直接タグを打ち込んでいました。 ですが、先日テンプレートをシンプルなものに変えました。 すると、前のテンプレートに打ち込んだバナー付きのリンクが、 新しくしたテンプレートにもそのまま反映されていました。 リンクを外したいので、新しいテンプレートのHTML編集をして、 打ち込んだ部分を消そうと思ったのですが、打ち込んだリンクのタグがありませんでした。 テンプレートを変えたので、タグも変わり、当たり前だと思うのですが、 ブログを見ると、バナー付きのリンクが以前のテンプレートを使用していた時のように残っています。 以前のテンプレートで、打ち込んだ部分を消した後、 新しいテンプレートに変えても、まだリンクが表示されています。 左メニューの「リンクの設定」を確認してみたのですが、 もともと、その部分には打ち込んでいないので何もリンクしていない状態でした。 新しいテンプレートで、以前打ち込んだタグを反映させないようにするには どうしたらいいでしょうか? うまく説明ができないのですが、お答えいただけると助かります。 説明不足でしたら、質問ください。 よろしくお願いします。

  • イメージタグはタグで囲むべき?

    CSSを使ってサイトを作成しています。 気になった事があったので質問させてください。 テキスト(文字)を入力する祭は、<p>~</p>・<div>~</div>等のタグで囲むかと思います。 <img src="" width="" height="" alt="" /> 上記のようなイメージタグは、<p>~</p>・<div>~</div>等で囲む必要はあるのでしょうか? 囲まなくてはいけないものなのでしょうか? <p>~</p>・<div>~</div>タグにスタイルをつけていなければ、 囲んでも囲まなくても表示は変わりませんが、HTML的というか文法的に囲むべきなのでしょうか? ※<p>タグは「reset.css」で上下改行なしにしてあります。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • フリーのテンプレートの個人的移植は?

    フリーで公開されているwordpressのテンプレートをHTML用に個人的に移植するのは違法でしょうか

  • CSSでのdivタグに付いての質問です。

    現在HTMLを学習し始めたばかりで困惑しております。 HTML内の<body>タグ内に<div>タグを作りidを"main"としました。 具体的には<div id="main">Main</div>と記述しました。 そこからCSSで#main {color: red;} と記述しましたが、文字色の変更が全く反映されない状態です。 他の<p>タグや<h1>タグ、また<body>タグは全て奇麗に反映されるのに<div>だけが全然ダメな状態です。 一体何が原因なのか教えて下さい。 初心者すぎる質問だと思いますが、どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML
  • HTMLのタグの属性に、普通使わないものを使うことはできますか?

    HTMLのタグの属性に、普通使わないものを使うことはできますか? HTMLにはあるタグでは使う属性も他のタグでは使わないタグがたくさんあります 例えば、fontタグでは属性としてcolorなどを使えますが、divに使っても何もおきません これを利用してHTMLファイルをjavascriptでパースする時の条件判別に利用しようと考えたのですが、こういった使い方はしてもよいものなのでしょうか? 質問が分かりにくいかもしれませんが、分かる方よろしくおねがいします。

    • ベストアンサー
    • HTML
  • DIVタグ内のテキストをセレクトできますか?

    textareaタグ内のテキストは element.select(); で選択できます。 では、DIVタグ内のテキストの時は どのようにすればよいのでしょうか?

  • CGI.pmでかけないタグってありますか?

    質問タイトルのとおりなのですが、 CGI.pmで書けないHTMLタグってありますでしょうか? 一覧などがあればURLを教えてください。 また、<div id="name"> や<div class="name"> は、どうやって書くのでしょうか? バージョンによっては、 スタイルシートを読んだりする 論理的な意味しかないタグはサポートしていないんでしょうか。

    • ベストアンサー
    • Perl
  • タグを教えてください。

    一行の文章を段落おちせずに右側に寄せるタグって何ですか? また p align と div align の違いがどうしてもわかりません。 HTML初心なものでよろしくお願いします。

  • ブログのテンプレート

    こちらが言いたいことが理解出来なかったらスミマセン。出来るだけ自分の知識内で一生懸命伝わるように説明しますので、どうぞ宜しくお願いします。 現在、仕事&趣味のためにブログを作ろうと思ってるのですが、なかなか自分の納得出来るテンプレートが見つかりませんでした。カスタマイズ系のテンプレートで作成した方が早いと思うのですが、web上にサイトが作れる程度・HTMLが多少理解出来てる程度なので、自信がありません。もし、既に自分が求めているテンプレートが存在するなら・・・っと思い質問させて頂きました。 一応、条件としては以下の条件のテンプレートがあると良いのです。 (1)レイアウトの種類は3カラム (2)タイトルの部分(ページの一番上)に「画像」と「広告」を取り入れ可能 (3)メニューが横タイプでタイトルの下に表示されている (4)TOPに応援バナー等が入るオプションスペースがある。 ほかの他人さんが運営してるブログで良いなっと思うのは以下です。 http://www9.plala.or.jp/pandanotasogare/dvd.html http://www.akibablog.net/ http://www.moeyo.com/ 特に「アキバブログ」っというのが一番理想に近いレイアウトです。 もし、それに近いようなテンプレートが公開してるサイト等がありましたら、教えて頂けると幸いです。 ちなみに、当方が利用してるところはFC2さんです。それでは、よろしくお願い致します。

  • ジュゲムのユーザーテンプレートについて

    ジュゲムのユーザーテンプレートについて教えてほしいです。 ユーザーテンプレートを使いたいのですが、その方法がよく分かりません。 ユーザーテンプレートをダウンロードした後にHTML編集フォーム内に[ad]タグを入れることは知っているのですが、それをどこにどういうふうに入れていいのか分かりません。 みなさん、教えてください。 僕は初心者なもので、できたら一例を書いて教えてもらえたらうれしいです。 よろしくお願いします。