タグ

ブックマーク / www.tagindex.com (7)

  • HTML[iframe要素]コンテンツにセキュリティ上の制限をかける - TAG index

    sandbox属性の値(キーワード)は、大文字と小文字は区別されません。また、半角スペースで区切って複数のキーワードを指定することができます。 allow-top-navigation と allow-top-navigation-by-user-activation は内容が重複するため、同時に指定することはできません。(同時に指定した場合は allow-top-navigation のみが適用されます) allow-top-navigation または allow-popups を指定している場合は、allow-top-navigation-to-custom-protocols を指定することはできません。(内容が重複するため:allow-top-navigation または allow-popups を指定した場合もカスタムプロトコルを開けるようになるため) 値を持たないsandb

    HTML[iframe要素]コンテンツにセキュリティ上の制限をかける - TAG index
    suginoy
    suginoy 2019/01/14
  • HTML[meta要素]電話番号の自動リンクを無効にする - TAG index

    iPhoneのSafariには、文書内の電話番号を検出して自動的にリンクする機能が備わっています。(電話番号以外の番号もリンクされてしまう場合があります) この自動リンク機能を無効にしたい場合は、name属性の値に format-detection、content属性の値に telephone=no を指定しておきます。 <meta name="format-detection" content="telephone=no"> 電話番号にリンクを設定したい場合は、a要素の tel: (スマートフォン向け)を使用した方が確実です。(Androidでもリンクされるようになります) その他の自動リンクも無効にする Androidでは、メールアドレスや住所が自動的にリンクされてしまう場合があるそうです(自分の端末では確認できず)。これらも含めて自動リンク機能を無効にしたい場合は、次のように指定して

    HTML[meta要素]電話番号の自動リンクを無効にする - TAG index
    suginoy
    suginoy 2017/09/15
  • HTML[tabindex属性]Tabキーによるフォーカスの移動順序を制御する - TAG index

    tabindex属性は、Tabキーによるフォーカスの移動順序、および要素がフォーカス可能かどうかを指定します。 <a href="index.html" tabindex="1">リンクテキスト</a>

    HTML[tabindex属性]Tabキーによるフォーカスの移動順序を制御する - TAG index
    suginoy
    suginoy 2015/06/26
  • HTML[title属性]要素の補足情報を示す - TAG index

    title属性は、要素の補足情報を示します。 <p title="補足的な情報">要素の内容</p> title属性によって示された補足情報は、要素にマウスカーソルを合わせた際にツールチップで表示されます。(PC向けの一般的なブラウザの場合) title属性の用途 title属性は、例えば次のような用途に使用することができます。 リンクの場合は、リンク先のタイトルや説明など。 画像の場合は、画像の著作権情報、撮影場所、撮影日時、その他の説明など。 引用の場合は、引用元に関する追加情報など。 また、以下の要素ではtitle属性が特別な意味を持ちます。(詳細についてはリンク先ページを参考にしてください) link要素(別文書との関係を表す) リンク先のタイトル link要素(固定・優先・代替のスタイルシート) スタイルの設定名 style要素(代替のスタイルシートを指定する) スタイルの設定名

    HTML[title属性]要素の補足情報を示す - TAG index
    suginoy
    suginoy 2015/03/07
    “この補足情報は、一般的なブラウザではツールチップで表示されることになります。 ”
  • HTMLタグ/イメージタグ/回り込みを解除する - TAG index

    上記の属性は、HTML 4.01では非推奨とされています。(Strict DTDでは使用できません) 非推奨要素と非推奨属性 このclear属性で回り込みの解除を行うと、それ以降のテキストは画像の下に続くことになります。

    HTMLタグ/イメージタグ/回り込みを解除する - TAG index
    suginoy
    suginoy 2014/10/15
    “上記の属性は、HTML 4.01では非推奨とされています。”
  • HTML[input要素]電話番号の入力欄を表す - TAG index

    各属性の概要は、上記表のリンク先をご覧ください。(input要素のページにリンクしています) どの部品タイプにどの属性を指定できるかは、下記の対応表で確認することができます。 属性と部品タイプの対応表 この部品タイプの特徴 電話番号を入力するための入力欄です。 (実際の表示例) 見た目や機能などは、通常のテキスト入力欄とほとんど変わりません。 pattern属性の指定例 この部品タイプにおけるpattern属性の指定例です。 電話番号:<input type="tel" name="telNumber" pattern="\d{1,5}-\d{1,4}-\d{4,5}"> 上記の正規表現は、それほど厳密なものではありません。 pattern属性を使用する場合は、title属性で入力パターンの説明を入れておくことが推奨されています。この説明は、エラーメッセージやツールチップなどで表示される場

    HTML[input要素]電話番号の入力欄を表す - TAG index
    suginoy
    suginoy 2014/02/03
    "pattern属性は、入力可能な値のパターンを、JavaScriptの正規表現を使って指定します。"
  • スタイルシート[CSS]/テーブル/境界線の表示方法を指定する - TAG index

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> table { width: 250px; margin-bottom: 20px; border: 2px #2b2b2b solid; } td, th { border: 2px #2b2b2b solid; } table.example1 { border-collapse: collapse; } table.example2 { border-collapse: separate; } </style> </head> <body> <table cla

    スタイルシート[CSS]/テーブル/境界線の表示方法を指定する - TAG index
    suginoy
    suginoy 2013/06/24
    「CSS 2の仕様では collapse が初期値になっていますが、多くのブラウザでは separate が初期値になっているようです。」
  • 1