HTML– category –
HTMLに関する記事一覧になります。主に、WordPressでのカスタマイズやブログ運営時の注意などの記事が多めです。
実際にコードと見た目を紹介し、納得感ある記事を執筆することを心がけていますので、ぜひ一度ご覧になって下さいね!
-
HTML
1分でおしゃれな店舗ホームページを作れるサービス「グーペ(Goope)」を徹底レビュー!無料でお試しも![PR]
当サイトはWordPressで構築していますが、SEO対策として有名なプラグインをいくつか入れたり、SEOに強い(HTMLのマークアップをしっかりしている)かつ人と被らなさそうなテーマを選び、導入しています。 セマンティックWebに準拠したHTML5の基本構造と間違... -
HTML
htmlタグの文章におけるSEO上大事な要素「見出しタグ(h1,h2,h3,h4,h5,h6)」の使い方について
HTML5になっても変わらず文章におけるSEO上の重要なタグが、「見出しタグ(h1-h6)」です。 もちろん、見出しタグにただキーワードを詰め込めば良いという時代はとうに終わっており、ユーザーが見やすいように見出しを付けていく必要があります。 HTML5にお... -
HTML
htmlタグにおけるlinkタグとaタグは全く別物!rel,href要素の使い方まとめ
HTML5における重要なタグが「linkタグ」です。 これは、linkタグを記述する文書ファイル(≒htmlファイル)に関係する別の文書ファイルを指定して、呼び出す(定義する)ものになっています。 似たhtml要素に「aタグ」が存在しますが、こちらはlinkタグが<he... -
HTML
html文書の情報(メタデータ)を指定するmetaタグの使い方と主な属性まとめ
html文書の情報(メタデータ)を指定するのが、metaタグです。 SEO的に重要なdescription要素など、覚えておかなければいけない要素も目白押しです。 【WordPress】プラグイン無しでカスタムフィールドを利用してmeta keywordsとmeta descriptionを実装する ... -
HTML
htmlタグに属性を付与して要素の補足情報を記述するHTML5の書き方について
HTML5でもこれまでのhtmlタグの属性の書き方は変わりありません。 htmlタグにおける属性とは、そのhtml要素に補足情報を付与する場合に記述するものになります。 例えば、リンク先のURLを指定したり、画像のリンク先を指定したりと数限りなくあるのです。 ... -
HTML
HTML5におけるhtmlタグの開始・終了タグの基本的な書き方と閉じタグのいらない要素とは
HTML5の勉強をしていると、真っ先に覚える必要があるのがhtmlタグの開始タグと終了タグの書き方です。 htmlの文法というか構文は、基本的にこの開始タグと終了タグを適切な順序で配置することで完了します。 セマンティックWebに準拠したHTML5の基本構造と... -
HTML
HTML5になって追加された「header要素」はheadタグと何が違うの?
HTML5になって追加された「header」要素ですが、これまでのXHTMLやHTML4.01には無かった要素になります。 タイトルに記載しているheader要素とheadタグは全く別物となっています。 html要素として必要不可欠なheadタグとbodyタグの違いとは 以前は<div ... -
HTML
html要素として必要不可欠なheadタグとbodyタグの違いとは
HTMLの勉強をしていると最初に戸惑うのが、headタグとbodyタグの使い方だと思います。 HTML5にて色々な記述の仕方がこれまでのHTML4.01までとはガラリと変わったのですが、HTMLの基本を表すheadタグとbodyタグについては変更がありませんでした。 HTML5のD... -
HTML
HTML5でfigure,figcaption要素を使って図表のタイトルやキャプションを設定する
HTML5において追加された、figure要素とfigcaption要素というものがあります。 当サイトでも使っている機会は殆ど無いため、管理人も全く知識がありませんでした。 しかし、htmlの正しいマークアップを心掛けることはSEO的にも良いことは確かなため、今一... -
HTML
HTMLファイルが文字化けした時はmeta要素のcharset属性でUTF-8を指定する
HTMLやCSSの勉強をしていると、実際にコードを書いてみてそれがブラウザ上でどのように反映されているのか確認したくなることが多々あります。 【HTML5・CSS3】i要素かcssのfont-styleで文字を斜体(イタリック体)にする そんな時、必ず遭遇するのが「文字...