仕事で使っているWebやシステム開発関連の情報を掲載しています。開発に使用するソフトウェアの使用方法やシステム開発に必要な技術的情報。トラブル解決方法等を掲載してるサイトです。空style要素スタイルシートの記述script要素フレージングコンテンツフローコンテンツメタデータコンテンツsrc属性が指定されていない場合、type属性の値と一致するスクリプトsrc属性が指定されている場合は空、もしくはJavaScriptにおけるコメントテキストnoscript要素トランスペアレントコンテンツHTML文書でhead要素の中にある場合は0個以上のlink要素、0個以上のstyle要素、0個以上のmeta要素を任意の順番で記述HTML文書でhead要素の外にある場合はトランスペアレント。属性="属性値">base要素は、相対パスの基準になるURLになります。<link>タグよりも前に指定する必要があります。href属性、target属性のいずれか、もしくは両方を指定しなければなりません。スタイルシートファイル内のURLパス指定には機能しません。使用できる属性href他のリソースに対するパスの基準となる絶対URLを指定します。絶対パス、相対パスで記述された外部リソースの読み込みや、ハイパーリンクの移動、フォーム送信などは、すべて指定されたURL基準で行われます。href="https://kcfran.com/">target(ターゲット)データ送信後の応答画面を表示する対象を以下の値で指定します。リンクは新しいブラウジングコンテキストに展開されます。リンクは現在のブラウジングコンテキストの1つの上位のブラウジングコンテキストを対象に展開されます。リンクは現在のブラウジングコンテキストに展開されます。リンクは現在のブラウジングコンテキストの最上位のブラウジングコンテキストを対象に展開されます。使用方法<base>タグを使用することで、サーバー上のファイルをローカルにダウンロードせず、リモート先のスタイルシートなどを使用することができます。「./styles.css」はローカルパスを示しますが、その前にbaseが設定されているため、「https://kcfran.com/styles.css」と同じになります。スタイルシートファイル内のURLパス指定には機能しません。その他の属性="属性値"><link>はCSSファイル、RSSファイルといった外部リソースを参照することができます。前のページや次のページ、目次のページ、外国語バージョン、サイトのアイコン、スタイルシートを記述したファイルなどのURLを示すために使用されます。<link>はhref属性とrel属性が必須です。href="https://kcfran.com/">relhref属性で指定したファイルの用途を指定します。現在のHTML文書と似た内容のページのURLを正規化することができる。現在のHTML文書と同じ内容のページが存在するときに使う。スマートフォンページとPCページのURLが分かれている場合や多言語ページなど検索エンジンからは不正を疑う。pingbackサーバーのアドレスを指定type参照するファイルのMIMEタイプを指定します。rel属性の属性値ごとに初期値があり指定を省略が可能です。rel=stylesheetのとき、type=”text/css”は省略可能です。media読み込む外部リソースが、どのメディアに適用するか指定します。この属性を指定しない場合は「all」となります。カンマ区切りで複数指定することが可能です。パソコン、スマートフォンなどお一般的なWebブラウザすべてが対象。クロスドメイン通信)を設定できる属性です。サードパーティーから読み込んだ画像を、canvas要素で利用できるようになります。CookieやクライアントサイドのSSL証明書、HTTP認証などのユーザー認証情報は不要です。ユーザー認証情報を求めます。sizesユーザーの使用しているディスプレイサイズに合わせて画像ファイルを指定します。srcset属性と併せて使用します。title外部リソースのタイトルを指定します。href="https://kcfran.com/styles.css"></head>Webブラウザのサイズに応じてファイルを追加で読み込む外部ファイルの「styles.css」を読み込み、スマートフォンなどのWebブラウザサイズが767px以下の場合は、「sp_styles.css」を追加で読み込みます。767px)"></head>文書の関連性を指定するページネーションを使ったような記事など、複数のURLにわかれる場合があります。その場合は、rel属性の「next」、「prev」属性値を指定することでHTML文書の関係性を指定し、検索エンジンに適切に重要なページのみを表示させることができます。属性="属性値">~</style>HTML文書に直接スタイルシート情報を記述します。使用できる属性mediaスタイルシートを適用するメディアタイプを指定します。typeスタイルシートのMIMEタイプを指定します。scoped特定の範囲のみにスタイルを指定するscoped属性の使用例style要素で指定されたスタイルは、親要素内のみに適用されます。一般的なブラウザでは対応していません。<p>この部分にスタイルが適用されます。src="URL">~</script>script要素は、クライアントサイドスクリプトのコードを埋め込んで実行します。外部ファイルとして用意したJavaScriptをsrc属性で読み込んで実行できるほか、script要素内に直接コードを埋め込むこともできます。使用できる属性srcJavaScriptの外部リソースのURLを指定します。async埋め込まれたスクリプトの実行タイミングを指定します。src属性が指定されている場合のみ指定可能です。文書を読み込むとき、この属性が指定されたスクリプトが実行可能になったときに実行します。埋め込まれたスクリプトの実行タイミングを指定します。src属性が指定されている場合のみ指定可能です。文書が読み込み完了した時点で実行します。async属性と同時指定された場合は、対応しているブラウザではasyncが有効になり、対応していないブラウザでは、defer属性が有効となるtype埋め込まれる外部リソースのMIMEタイプcharset埋め込まれたスクリプトの文字コードを指定します。読み込む文書の文字コードと外部スクリプトの文字コードが異なる場合の文字化けを防止します。type埋め込まれる外部リソースのMIMEタイプnoscript要素スクリプトが無効な環境に対して表示する内容を記述します。セキュリティ上、クライアントサイドスクリプトを無効にしている場合があるので、JavaScriptを利用しているサイトでは、ユーザーに注意喚起する目的で使用しています。<noscript>JavaScriptが無効になっています。ブラウザのJavaScriptを有効にしてください。</body></html>実行結果template要素template要素は、スクリプトによる文書への挿入・複製が可能なHTMLの断片を定義します。template要素で表の一部をテンプレート化し、JavaScriptからデータを挿入しています。データベースからデータを取得して動的にページを生成するときに役に立ちます。インスタンス生成します。新しい行を複製して表に挿入します。新しい行を複製して表に挿入します。