<meta>タグは、その文書に関する情報（メタデータ）を指定する際に使用します。 メタデータとは、“情報に関する情報”のことですが、HTMLの仕様では“その文書に関する様々な情報”を意味します。 HTML文書のメタデータは<head>～</head>の中に、 <title>（タイトル）・ <base>（基準URL）・ <link>（リンク情報）・ <style>（スタイルシート）・ <script>（スクリプト） などのタグで指定しますが、 これらのタグで表現できないその他の様々なメタデータは<meta>で表します。 <meta>タグは<head>～</head>の中に配置します。 meta要素を指定する際には、 name属性、http-equiv属性、charset属性のうち、少なくとも一つを指定する必要があります。 また、name属性、http-equiv属性を指定する際には、必ずco
実践！スマホサイトのviewport設定 第1回 viewportとはなにか？ viewportとは普段聞き慣れない言葉です。スマートフォン端末独特のページの表示方法に深くかかわっていて、デスクトップ環境では、意識する必要のなかった概念なのです。まずは、viewportの概念を理解するところからはじめましょう。 viewportとはなにか？ viewport（ビューポート）とは、日本語に訳すと「表示領域」という言葉がしっくりくると思います。 例えば、デスクトップ環境（PCなど）のブラウザなどでは、ブラウザウインドウの表示領域がviewportになります。 ページがviewportからはみ出た場合は、スクロールをしてviewportを変えます。 スマートフォンの場合はどうでしょうか。どのように表示されるのでしょうか？ デスクトップ環境と異なり、スマートフォンのディスプレイは相対的に小さく、1
今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く