HTML– category –
HTMLに関する記事一覧になります。主に、WordPressでのカスタマイズやブログ運営時の注意などの記事が多めです。
実際にコードと見た目を紹介し、納得感ある記事を執筆することを心がけていますので、ぜひ一度ご覧になって下さいね!
-
HTML
HTML5のmark要素で該当の文章をハイライトして目立たせる
HTML5で新しく追加された要素にmark要素があります。 これは、囲んだ部分のテキストをハイライトして目立たせる効果がありますが、em要素やstrong要素のようにその部分を強調する(ことをブラウザや検索エンジンに伝える)効果はありません。 文字を強調する... -
HTML
HTML5のaddress要素をフッターに置いて連絡先情報を示す書き方
HTML5において、著者や管理人への連絡先をaddress要素で記載するのはスタンダードでは無いのかもしれません。 というのも、今はmeta要素のauthor属性で表すのが主流だからです。 【WordPress】meta robotsをプラグイン無しで実装する方法 【WordPress】プ... -
HTML
dl,dt,ddタグで定義・説明リストを作る時の入れ子の覚え方は、英語の短縮語から考える
定義・説明リストを作ることが出来るのがdl,dt,ddタグですが、この入れ子構造を作る時にどの順序であればよかったか本当にすぐに忘れてしまいます。 aタグでtarget=”_blank”を指定するか迷ったら自サイトの主要ユーザー層を考える ですが、これは各タグが... -
HTML
aタグでtarget=”_blank”を指定するか迷ったら自サイトの主要ユーザー層を考える
HTML5の要素として、ページ内にリンクを置くaタグがあります。 正しいアンカーリンクの使い方を知り、見出しタグを利用した目次を作る これを使う際、リンク先を同一ブラウザのタブで開くか別タブで開くかを実装側で設定することができ、それがtarget属性... -
HTML
HTML5のコメントアウトの書き方と、コメントを利用してプログラムを分かりやすくする
HTML5でコメントを記述する際、コメントアウトを行えば良いです。 書き方ですが、具体的には以下になります。 <!--ここにコメントを記述する--> 記述するだけであれば簡単なのですが、実はプログラミングを学習するに当たってコメントアウトを行うの... -
HTML
正しいアンカーリンクの使い方を知り、見出しタグを利用した目次を作る
ブログや記事系コンテンツを多く掲載しているサイトの場合、ユーザビリティーを高めるためにも目次を使っている例が多いです。 その際は見出しタグを利用して目次を生成するケースが多いと思いますが、目次のリンク先に設定するのがページ内リンク「アンカ... -
HTML
HTML5で廃止されたブロックレベル要素とインライン要素の違いとCSSのdisplayプロパティーについて
ブロックレベル要素とは、見出しタグ(hタグ)や段落タグ(pタグ)といった、文書構成要素が分類されます。 tableタグのような表を作るタグや、引用タグ(blockquoteタグ)、セクションを区切るdivタグなどもこれに該当します。 そのため、ブロックレベル要素を... -
HTML
【TechAcademy受講体験記】PHP/Laravelコースのメリット:ブラウザの表示の仕組みから解説してくれる
現在、オンラインプログラミングスクールのTechAcademyにて、PHP/Laravelコースを受講しています。 受講体験記という形で、実際に受けて感じたことを記事にしてまとめているのですが、受講を始めて早速メリットとして感じたことがあります。 それが、TechA... -
HTML
htmlで取り消し線を書くstrikeタグは非推奨!delタグか「text-decoration: line-through;」と指定すべし
ブログやサイトを運営している皆さま。 htmlタグで取り消し線(打ち消し線)を記述する時、どうやって書いていますか? 無料ブログやWordPressの場合、ビジュアルエディタに画像のような取り消し線を出力する箇所が存在し、それを利用していると思いますが、... -
HTML
SEO対策に大切な見出しタグ(hタグ)の使い方。理解のコツはhtmlの構造理解から!
ホームページやブログを作ってみようとお考えの方が、最初に「SEO対策」として取り掛かるのがこの「見出しタグ(hタグ)」です。 htmlタグの文章におけるSEO上大事な要素「見出しタグ(h1,h2,h3,h4,h5,h6)」の使い方について 使い方自体については、特に難し...