タグ: html

  • Autem voluptatibus reiciendis sit rem.

    Omnis sit est voluptatem provident saepe. Ea corrupti cupiditate magni id vero. Quibusdam doloremque ipsam aut. Fuga sunt fugiat omnis porro dolor dignissimos ex.

    Ab molestiae voluptas officiis quae sed velit id. Quo ex voluptates et sit atque quidem consectetur. Quia quas facere similique ratione placeat esse quam.

    Veritatis dolor beatae nobis laborum omnis aut ad. Veritatis rerum voluptate expedita enim ut eaque consequatur.Libero rerum earum impedit molestiae perferendis ratione minus ab. Debitis ut quasi consectetur tempora id repellat et. Ut quae unde maxime ut nam quis. Voluptas voluptates occaecati minima aut. Enim iusto expedita enim magni. Voluptatibus ducimus unde commodi qui quia. Nihil accusamus unde qui ullam vel assumenda aspernatur. Sit illum dicta distinctio. Aut voluptatum quod in dolorem eos et quisquam. Pariatur suscipit qui eveniet rerum nobis saepe esse. Porro enim quasi eos iusto. Neque adipisci quia quibusdam sunt pariatur. Libero veritatis odit molestiae delectus illo vel deleniti.

  • マークアップ: HTML タグとフォーマット

    見出し

    見出し壱

    見出し弐

    見出し参

    見出し四

    見出し五
    見出し六

    引用 (Blockquote) テスト

    一行の引用。

    ハングリーであれ、愚かであれ。

    cite 参照を含む複数行の引用。

    これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。

    スタン・ゲッツ

    テーブル

    社員 給料
    山田太郎 1ドル スティーブ・ジョブズが必要なサラリーと同じ額。
    田中花子 1,000万円 ブログを書くために必要になる資金。
    山本次郎 1億円 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
    中山愛子 10億円 特に理由は要りません。
    定義リストタイトル
    これは定義リストです。
    定義
    物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
    ギャラリー
    WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
    Gravatar (グラバター)
    グラバターとはグローバルに認識されるアバター (あるユーザーを表すグラフィックイメージや写真) です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。

    非順序リスト (ネスト化)

    • リスト項目 1
      • リスト項目 1
        • リスト項目 1
        • リスト項目 2
        • リスト項目 3
        • リスト項目 4
      • リスト項目 2
      • リスト項目 3
      • リスト項目 4
    • リスト項目 2
    • リスト項目 3
    • リスト項目 4

    順序リスト (ネスト化)

    1. リスト項目 1
      1. リスト項目 1
        1. リスト項目 1
        2. リスト項目 2
        3. リスト項目 3
        4. リスト項目 4
      2. リスト項目 2
      3. リスト項目 3
      4. リスト項目 4
    2. リスト項目 2
    3. リスト項目 3
    4. リスト項目 4

    HTML 要素タグテスト

    他の HTML タグは FAQ をご覧ください。

    住所タグ

    以下は住所の例です。<address> タグを使用しています:

    〒100-0000

    東京都千代田区1-1-1

    日本

    anchor タグ (リンク)

    これは <anchor> (もしくはリンクとも呼ばれます) の例です。

    abbr タグ

    この abbr は文章の中にある <abbr> タグの例です。

    Acronym タグ (HTML5 では非推奨)

    これは <acronym> タグを使用した TLA です。

    Big タグ(HTML5 では非推奨)

    このテストは大きな文字を表す <big> タグの例ですが、このタグは HTML5 ではサポートされていません。

    Cite タグ

    “Code is poetry.” —WordPress

    Code タグ

    <code> タグはこのように使います: word-wrap: break-word;

    Delete タグ

    <del> タグは打ち消し線などで表現されますが、このタグは HTML5 ではサポートされていません (代わりに <strike> を使ってください)。

    Emphasize タグ

    <em> タグは文章の強調に使われます。欧文では斜体になっていることがよくあります。

    Insert タグ

    <ins> タグは挿入されたコンテンツを意味します。

    Keyboard タグ

    このあまり知られていない <kbd> タグは Ctrl のようにキーボードテキストをエミュレートします。通常、<code> タグと同じようにスタイリングされます。

    Preformatted タグ

    <pre> タグは複数行のコードのスタイリングに使います。

    .post-title {
    
    	margin: 0 0 5px;
    
    	font-weight: bold;
    
    	font-size: 38px;
    
    	line-height: 1.2;
    
    	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
    
    }

    Quote タグ

    デベロッパーズ、デベロッパーズ, デベロッパーズ… –スティーブ・バルマー

    Strike タグ (HTML5 では非推奨)

    このタグは打ち消し線を表しています。

    Strong タグ

    このタグは太字テキストを表しています。

    Subscript タグ

    Subscript タグ <sub> を使うと H2O のような表示の際に「2」が下付きになります。

    Superscript タグ

    Superscript タグ <sup> を使うと E = MC2 のような表示の際に「2」が上付きになります。

    Teletype タグ (HTML5 では非推奨)

    <tt> はあまり使われないタグですが、テレタイプテキスト として通常 <code> タグのようにスタイル

    Variable タグ

    変数や引数を表す variables タグです。

  • マークアップ: 特殊記号を含むタイトル ~`!@#$%^&*()-_=+{}[]/;:’”?,.>

    タイトルに特殊記号を含めた場合にも、レイアウトや機能に悪影響が出ないようにする必要があります。

    投稿タイトル内の特殊記号は minify された JavaScript を使用している際に問題を引き起こす場合があることが確認されています。特に管理画面での投稿編集に影響が出やすいので注意しましょう (例: メタ・ボックス、メディアアップロードなど) 。

    ラテン文字テスト

    これは、テーマで使われているフォントで基本的なラテン文字が表示できるかどうかのテストです。

    ! # $ % & ( ) *
    + , . / 0 1 2 3 4
    5 6 7 8 9 : ; > = <
    ? @ A B C D E F G H
    I J K L M N O P Q R
    S T U V W X Y Z [
    ] ^ _ ` a b c d e f
    g h i j k l m n o p
    q r s t u v w x y z
    { | } ~
  • マークアップ: マークアップ付きのタイトル

    以下を確認してください。

    • 投稿タイトル内の「付き」という文字が斜体で表示され、「マークアップ」が 太字になる。
    • 投稿タイトルマークアップはブラウザウィンドウ・タブのタイトルには表示されない。
  • Pneumonoultramicroscopicsilicovolcanoconiosis

    タイトルが長い英単語の時、コンテンツエリアをはみ出すべきではない。

    ラテン文字45字で書かれるこの単語は、辞書に記載されている中では最も長い実用的な英単語とされている。

    チェックすべき項目:

    • タイトル・コンテンツ・コメント内の改行なしテキストが、レイアウトや機能に悪影響を及ぼしてはなりません。
    • ブラウザのウインドウやタブのタイトルをチェックしてください。
    • プラグインやウィジェットの開発者の方は、このテキストにより何かが崩れたりしていないかチェックしてください。

    改行なしテキストにうまく対応するために、以下の CSS プロパティが役立つでしょう。

    -ms-word-wrap: break-word;
    
    word-wrap: break-word;
  • 極端な例: たくさんのタグ

    多すぎるほどのタグを持つ投稿。