これまでスマホサイトの対応をしてきた経験がある方ならご存知の、「電話番号っぽい数字の羅列が電話番号として勝手にリンクになってしまう」やつが、Edgeでも起きます。 実はこれ、IE11でもすでにそんな実装になっていたようなのですが・・・今まで作ってきて、そんな現象見たことありませんでした。 電話番号の形式の認識 実際に最近作ったWebページでも、IE11ではリンクにならずにEdgeだけリンクになったりしていました。 でもまあ、今後もこういったことが起きると思いますので、スマホ対応のときと同じように対策しておきましょう。 <meta name="format-detection" content="telephone=no"> HTMLのhead内にこの記述を仕込んでおきます。 これでオッケー☆⌒d(´∀`)ノ Windows10へのアップグレードが(強制的に)進んできて、クライアントでもWi
iPhoneのSafariには、文書内の電話番号を検出して自動的にリンクする機能が備わっています。(電話番号以外の番号もリンクされてしまう場合があります) この自動リンク機能を無効にしたい場合は、name属性の値に format-detection、content属性の値に telephone=no を指定しておきます。 <meta name="format-detection" content="telephone=no"> 電話番号にリンクを設定したい場合は、a要素の tel: (スマートフォン向け)を使用した方が確実です。(Androidでもリンクされるようになります) その他の自動リンクも無効にする Androidでは、メールアドレスや住所が自動的にリンクされてしまう場合があるそうです(自分の端末では確認できず)。これらも含めて自動リンク機能を無効にしたい場合は、次のように指定して
2017/06/22 スマホのブラウザは、電話番号に自動で電話をかけるリンクを付けます。また、連続した数字を電話番号だと誤認識してリンクを貼ってしまいます。この余計な機能を無効にするには、専用のmeta要素を追加します。 サンプルコードname属性に"format-detection"、content属性に"telephone=no"を指定したmeta要素を用意しましょう。 <meta name="format-detection" content="telephone=no">デモデモは、iPhoneなどでご確認下さい。 リンクを付けない <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <meta name="format-detection" content="telephone=no"> </head> <body> <p>電
A vocabulary and associated APIs for HTML and XHTML ここのところAppleはiPadやiPhoneに関連してHTML5のプッシュを強めている。HTML5がFlashの代替えになると謳っており、iPhoneでもiPadでもFlashを搭載しないとしている。同社はこうしたビジョンを示すためのひとつのサンプルとしてHTML5 Showcaseを公開した。SafariからもiPhone Safariからもアクセスでき、HTML5で用意されたコンテンツを閲覧できる。 HTML5 ShowcaseをSafariで閲覧 HTML5 ShowcaseをChromeで閲覧しようとすると警告がでる このHTML5 Showcaseに関して、複数のメディアやソフトウェアエンジニアから疑問視する声があがっている。HTML5 ShowcaseはSafari以外のブ
新しいNitroエンジンにより、JavaScriptの実行速度が4倍以上高速に 2009年2月24日、アップルは本日、Mac®とWindows PCのための世界で最も速く、革新的なウェブブラウザ、「Safari® 4(サファリフォー)」のパブリックベータ版を発表しました。Safari 4に組み込まれたNitroエンジンによりJavaScriptの実行速度がSafari 3に比べ4.2倍速くなっています*。Safari 4にはTop Sites、Full History Search、Cover Flow®そしてTabs on Topなど、ブラウジングをより直観的で楽しいものにする革新的な新機能が搭載されています。Top Sitesを使うと、頻繁に訪問するページの美しいビジュアルプレビューを見ることができます。Full History Searchでは、最近閲覧したページのタイトルやウェブア
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100%とな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く