タグ

HTMLとreferenceに関するkathewのブックマーク (34)

  • <details>: 詳細折りたたみ要素 - HTML | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020年1月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback <details> は HTML の要素で、ウィジェットが「開いた」状態になった時のみ情報が表示される折りたたみウィジェットを作成します。概要やラベルは <summary> 要素を使用して提供する必要があります。 折りたたみウィジェットはふつう、回転して開閉状態を示す小さな三角形を使用し、その隣の

    <details>: 詳細折りたたみ要素 - HTML | MDN
  • htmlの属性 - とほほのWWW入門

    HTMLの属性 属性の大文字と小文字 クォーテーション 特殊記号 HTMLの属性 HTMLのタグには color=red や size=5 などの 属性(attribute) を指定することができます。color の部分を 属性名、red の部分を 属性値 と呼びます。 <font color=red size=5>~</font> 大半の属性は「属性名=属性値」の形式ですが、<audio> の autoplay 属性の様に属性名のみを記述するものもあります。 <audio autoplay src="..."></audio> 属性の大文字と小文字 属性名は大文字でも小文字でも構いません。属性値も多くの場合、大文字でも小文字でも構いませんが、たまに、大文字・小文字を区別する場合(target="_top" の _top など)がありますので、注意してください。 ○ <a href="xx

  • HTMLタグ/テキスト・フォントタグ/強調を示す - TAG index

    em要素は強調を、strong要素はより強い強調を示します。 一般的なブラウザでは、em要素内の文字列はイタリック体で、strong要素内の文字列は太字で表示されます。 フォントによっては、イタリック体で表示されない場合があります。 <em>強調を示します</em> <strong>より強い強調を示します</strong>

    HTMLタグ/テキスト・フォントタグ/強調を示す - TAG index
  • template要素についてのお勉強 - Qiita

    はじめに HTML5の新たな要素としてtemplate要素 <template> がありますが、これを使うと何が便利になり何が嬉しいのか。 自分が後で見返すためのメモとして書き記しておきます。 template要素って何さ template要素はブラウザ上では表示されず、主にJavaScriptによる操作がメインになる要素です。 名前からもわかるようにテンプレートとして使うコンテンツを中に書いてJavaScriptであれこれできるやつです。 template要素内のコンテンツは、JavaScriptの操作で文へと挿入されない限り文に何も影響を与えません。 つまり、template要素内で <img> で画像を指定していても、挿入されるまでその画像はロードされることはありません。 <script type="text/template"></script> との違い script要素を

    template要素についてのお勉強 - Qiita
    kathew
    kathew 2020/02/17
    DOMとしては結構特殊な扱いで、jQueryからtemplate内の編集ができない(たとえばselectのoptionの絞り込みなど)。templateからひな形を取り出したあとでこねこねするように実装する必要があり
  • HTML <input type="number"> 属性値 - HTML | MDN

    @) � Learn Learn web development Frontend developer course Getting started modules Core modules MDN Curriculum Check out the video course from Scrimba, our partner Learn HTML Structuring content with HTML module Learn CSS CSS styling basics module CSS layout module Learn JavaScript Dynamic scripting with JavaScript module

  • HTML <link> 外部リソースへのリンク要素 - HTML | MDN

    ���� Learn Learn web development Frontend developer course Getting started modules Core modules MDN Curriculum Check out the video course from Scrimba, our partner Learn HTML Structuring content with HTML module Learn CSS CSS styling basics module CSS layout module Learn JavaScript Dynamic scripting with JavaScript module

    HTML <link> 外部リソースへのリンク要素 - HTML | MDN
  • HTML[フレージング・コンテンツ]フレージング・コンテンツに属する要素の一覧 - TAG index

    フレージング・コンテンツは、段落内で使用するようなコンテンツです。 従来で言うインライン要素に相当する要素が、このカテゴリーに属することになります。 フレージング・コンテンツに属する要素は、同時にフロー・コンテンツにも属しています。

    HTML[フレージング・コンテンツ]フレージング・コンテンツに属する要素の一覧 - TAG index
    kathew
    kathew 2018/01/30
    HTML5.2より、p要素にはフレージングコンテンツしか含められないとなり、ではどれがフレージングコンテンツぞやとなったため、備忘
  • <dl>: 説明リスト要素 - HTML | MDN

    属性 この要素にはグローバル属性のみがあります。 compact この論理属性は、リストをコンパクトなスタイルで表示することを示唆するものです。この属性の解釈はブラウザーによって異なります。代わりに CSS を使用してください。compact 属性と同様の効果を得るには、CSS プロパティ line-height を値 80% で使用することで実現できます。 アクセシビリティ スクリーンリーダーによっては、<dl> コンテンツの合計数、用語/定義のコンテキスト、ナビゲーション方法の公開方法は様々です。これらの違いは、必ずしもバグではありません。 iOS 14 では、VoiceOver は仮想カーソルで操作する際に、 <dl> の内容がリストであることをアナウンスします(read-all コマンドを使用しなくても)。VoiceOver は <dl> を使ったリストナビゲーションコマンドには対

    <dl>: 説明リスト要素 - HTML | MDN
  • Element.outerHTML

    ElementオブジェクトのouterHTMLプロパティは、その要素自身と中身のHTMLを含みます。要素自身も含んでいるのがinnerHTMLプロパティとの違いです。 <p><span id="date">2014年6月10日</span>、私は<a href="https://syncer.jp/">SYNCER</a>というウェブサイトを開設した。</p>

    Element.outerHTML
  • HTML5/テキスト/a要素 リンクを設定する - TAG index

    href属性を指定しない場合は、その他の任意属性(hreflang属性、type属性、rel属性、target属性、download属性、ping属性、referrerpolicy属性)も指定できません。 a要素にitemprop属性(グローバル属性)が指定されている場合は、href属性も指定する必要があります。 各属性の詳細については、下記のページを参考にしてください。 リンク先の表示方法を指定する ダウンロード用のリンクを指定する リンク先にアクセスする際のリファラーポリシーを指定する リンクのクリック時にpingを送信する リンクの設定方法 リンクを設定したい場合は、リンク先のURLをhref属性で指定します。 <p><a href="example.html">リンクテキスト</a></p> a要素の内容について HTML5以降、a要素の内容に(従来で言う)ブロックレベル要素も配置

    HTML5/テキスト/a要素 リンクを設定する - TAG index
    kathew
    kathew 2018/01/22
    "a要素の内容には、(従来で言う)ブロックレベル要素も配置できるようになりました。そのため、次のように段落ごとリンクを設定することが可能です。"
  • fieldset要素 - HTML5

    kathew
    kathew 2017/12/28
    入れ子構造で使用可能
  • HTML5 ドキュメントのセクションとアウトライン - HTML | MDN

    警告: ウェブブラウザーや支援技術の中で、提案されているアウトラインアルゴリズムを実装したものはありません。これは最終的な W3C の仕様書に含まれていません。したがって、アウトラインアルゴリズムを、ユーザーに文書の構造を伝えるために使用するべきではありません。作者には、見出しの順位 (h1-h6) を使用して文書の構造を伝えることを推奨します。 HTML5 の仕様書では、文書の構造を整理するのに役立つ意味づけする区分化要素がいくつか導入されました。意味づけする区分化要素は、ブラウザーや読み上げアプリや音声アシスタントなど、ユーザーに代わって文書を解釈する他の技術に構造的な意味を伝えるために特別に設計されています。 意味づけする区分化要素は、文書内のより大規模な構造を明確にします。以前の版の HTML には、関連するコンテンツをグループ化するための一般的なメカニズムとして <div> 要素

    HTML5 ドキュメントのセクションとアウトライン - HTML | MDN
  • ★HTMLタグリファレンス

    テーブル(<TABLE>)の行はその機能により、 ヘッダ(<THEAD>~</THEAD>)・ ボディ(<TBODY>~</TBODY>)・ フッタ(<TFOOT>~</TFOOT>)に分けられます。 表のヘッダ・ボディ・フッタを定義しておくことで、 正式対応したブラウザが登場した際には、 ヘッダとフッタを固定表示したままボディ部分のみをスクロールさせることが可能になるようです。 ソース中では、<THEAD>~</THEAD>→ <TFOOT>~</TFOOT>→ <TBODY>~</TBODY>の順序で記述するよう定義されています。 これはヘッダとフッタを先読みして表示するためですが、 これらのタグに対応していないNetscape Navigator4等では、 そのままフッタをボディより上に表示してしまうので注意が必要です。 ■使用例 HTMLソース <table border=”1″

  • タグの入れ子ルール

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    タグの入れ子ルール
  • ★HTML5タグリファレンス

    山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

  • ★HTMLタグリファレンス

    山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

  • <LABEL>−HTMLタグリファレンス

    {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl

    <LABEL>−HTMLタグリファレンス
  • HTMLで文字エンコーディングを指定する

    質問 どうやって私のHTML5ファイルのエンコーディングを指定すれば良いのでしょうか? HTMLやXMLのページで使われているエンコーディングは常に指定するべきです。もし指定しないと、コンテンツ内の文字が誤って解釈される可能性があります。それは単に人が読めるかどうかという問題であるだけでなく、コンピューターがデータを処理する必要がますます出てきたからでもあります。また文字エンコーディングは、フォームへ入力されたり、スクリプトにより生成されたURLなどなど、非ASCII文字を処理する際にも必要になります。 もし文字や文字エンコーディングについてちゃんと理解する必要がありそうなら、Character encodings for beginnersも参照しましょう。またCSSでエンコーディングを指定する方法については、CSS character encoding declarationsを参照し

  • HTMLタグ/ページ全般タグ/ページをキャッシュさせない - TAG index

    meta要素で、文書のキャッシュを無効にすることができます。この要素はhead要素の中で使用します。 この指定により、常に最新の情報が表示されるようになることが期待されます。 ですが、環境によっては、この指定を行った場合でもキャッシュから読み込まれてしまうケースがあるようです。 <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache">

    HTMLタグ/ページ全般タグ/ページをキャッシュさせない - TAG index
  • HtmlHelper | CakePHP

    NOTE HtmlHelpler は既定ではすべてのビューで使うことができます。 このヘルパーが存在しないという旨のエラーが発生したとき、 たいていの原因はコントローラーで変数 $helpers を手動で 設定した際、名前を書き忘れたことです。 Well-Formatted な要素の挿入 ​HtmlHelper の果たすもっとも重要なタスクは、適切に定義された マークアップの生成です。 CakePHP はレンダリングと送信にかかる CPU のサイクルを減らすために、ビューをキャッシュすることが できます。この節では、いくつかの HtmlHelper のメソッドと、 その使用方法について説明します。 method HtmlHelper::charset($charset=null) method HtmlHelper::css(mixed $path, array $options = ar