テキストをぼかし文字にしておきクリックで表示されるHTML&CSS
![Thumbnail of post image 193](https://jill-tone.com/wp-content/uploads/2021/08/ぼけた湖の写真イメージ-300x200.jpg)
多くは語りません。↓ をタップしてください。PCの人はクリック!
初めは文字がボケていて表示されていないけど、クリックやタップで表示されるCSSです。
JavascriptやjQueryなし、HTMLとCSSの ...
ulとolの違いと使い分け【HTMLリストタグ】
![Thumbnail of post image 086](https://jill-tone.com/wp-content/uploads/2020/03/リストタグulとolの違い&使い分け方-300x200.jpg)
さきに結論。
ulは順番に特に意味がないリスト、olは並び順にも意味があるリストで使い分けるのが基本。
見た目はCSSでどうにでもなりますが、構造化マークアップ・クローラーにも理解させる観点では使い分ける必要が ...
知らないと恥ずかしい? title属性とalt属性の役割と違い・使い分け方【HTML】
![Thumbnail of post image 139](https://jill-tone.com/wp-content/uploads/2019/05/title属性とalt属性の違いと使い分け方-300x200.jpg)
使いそうで使う機会の少ないtitle属性。
やってることもalt属性と同じようなことをしてるし、違いがよくわからない方も多いかと思います。
今回はtitle属性とalt属性の役割と違い・使い分け方を解説します。 ...
【Mac】ダブルクオーテーションが引用符に自動変換される問題の対処法
![Thumbnail of post image 088](https://jill-tone.com/wp-content/uploads/2019/04/Macのダブルクオーテーションが引用符に自動変換される問題-300x225.jpg)
Macを使い始めて非常に面倒だったのが、ダブルクオーテーション(”)が引用符(””)に勝手に自動変換されてしまう問題。
WordPressでHTMLタグを書いてて属性を囲うとき、””が勝 ...
blockquote、qなど引用タグが必要な理由と使い方まとめ【SEO対策にも】
![Thumbnail of post image 165](https://jill-tone.com/wp-content/uploads/2018/07/blockquote、q、citeなど引用タグが必要な理由&使い方-300x181.jpg)
ブログやサイトなどで文章を引用した際は必ず引用タグを使い、引用であることを示すのが基本です。
「 引用タグ必要?引用ってわかるように書けばいいんじゃないの? 」と思ったアナタ、甘い甘い甘すぎる。砂糖たっぷりクリスピークリー ...
引用元を表すタグ <cite>要素とcite=”URL”属性の違いと使い分け方
![Thumbnail of post image 082](https://jill-tone.com/wp-content/uploads/2018/06/引用元を意味するciteタグの属性と要素のでの違い・使い分け方-300x200.png)
blockquote や q など、HTMLにおける引用タグ。
サイト訪問者だけでなくGoogleなど検索エンジンに引用であることを示し、ペナルティを回避するためのSEO対策的な一面も持つHTMLタグでもあります。 ...
【必修知識】id と class の違いと使い分け方の基本
![Thumbnail of post image 027](https://jill-tone.com/wp-content/uploads/2018/06/idとclassの使い分け方_アイキャッチ-300x181.jpg)
いまやWEBページを構築する上において欠かせないHTMLとCSSではド定番の id属性 と class属性。
idもclassも任意の名称をつけて作り放題なので、CSSでスタイルをかける目印として非常に使い勝手が良いですよ ...
【SEOにも効くリンクの張り方】WordPressサイトのリンクは新しいタブで開くべき?同じタブ内で開く?
![Thumbnail of post image 066](https://jill-tone.com/wp-content/uploads/2018/06/アンカーリンクイメージ_碇と海-300x227.jpg)
ご存じの通り、aタグに target=”_blank” 属性を指定すれば新しいタブで開くことが可能です。
「 新しいタブで開くのってSEO的なところでの影響ってどうなの? 」と思うこともありますが、 ...
【HTML】aタグへのname属性はもうやめよう。ページ内リンクも動かず、AMPエラーが出る。
![Thumbnail of post image 088](https://jill-tone.com/wp-content/uploads/2018/01/HTMLイメージ-300x186.jpg)
少し古いHTML知識をお持ちの方だと、ページ内リンクのaタグへid属性と一緒にname属性を入れる方も多いでしょう。
ブランクのあるコーダーに気をつけていただきたいのですが、HTML5ではaタグへのname属性は非推奨とな ...
h2など見出しタグへのページ内リンクが動かない【WordPressテーマLuxeritas】
![Thumbnail of post image 160](https://jill-tone.com/wp-content/uploads/2018/01/アンカーリンクイメージ-300x228.jpg)
ページ内リンクはid属性でアンカーリンクポイントの目印、いわゆるアンカーをつけ、aタグのhref属性に #id 形式で先ほどの目印と同じidを入れることで成立します。
が、WordPressテーマ Luxeritasは見出 ...