改行コード CR、LF、CRLFの意味と違い
![Thumbnail of post image 095](https://jill-tone.com/wp-content/uploads/2022/04/青バック白矢印左_キャリッジリターンイメージ-300x225.jpg)
現状、CR、LFと双方を組み合わせたCRLFの3種類が主な改行コード。
OSやアプリなど環境によってどれが使われるか違うので、プログラミングやテキストデータを扱う際にはいろいろ注意が必要だったり。
CRとLFの違い改行コードの正規表現(CR、LF、CRLF全対応)
![Thumbnail of post image 020](https://jill-tone.com/wp-content/uploads/2022/04/キーボードイメージ_Enter・Shiftキー-300x225.jpg)
後述しますが、正規表現なら\n、\r、\r\nの3パターンを入れとけば問題なし。
例えばJavascriptコードなら下記。言語によって多少記述は変わると思うので、その辺はうまいこと書き換えてお使いください。
con ...テキストをぼかし文字にしておきクリックで表示されるHTML&CSS
![Thumbnail of post image 091](https://jill-tone.com/wp-content/uploads/2021/08/ぼけた湖の写真イメージ-300x200.jpg)
多くは語りません。↓ をタップしてください。PCの人はクリック!
初めは文字がボケていて表示されていないけど、クリックやタップで表示されるCSSです。
JavascriptやjQueryなし、HTMLとCSSの ...
ulとolの違いと使い分け【HTMLリストタグ】
![Thumbnail of post image 197](https://jill-tone.com/wp-content/uploads/2020/03/リストタグulとolの違い&使い分け方-300x200.jpg)
さきに結論。
ulは順番に特に意味がないリスト、olは並び順にも意味があるリストで使い分けるのが基本。
見た目はCSSでどうにでもなりますが、構造化マークアップ・クローラーにも理解させる観点では使い分ける必要が ...
スムーススクロールを簡単に実装する方法【コピペするだけ!】
![Thumbnail of post image 172](https://jill-tone.com/wp-content/uploads/2019/06/スムーズな岩肌イメージ-300x200.jpg)
ページ内リンクをクリックすると、画面がスーッと滑らかに移動するスムーススクロール。
ただオシャレなだけじゃなくてサイト訪問者にもやさしいんですよね。通常のページ内リンクって一瞬で画面が切り替わってページ内で動いたのか別ペー ...
知らないと恥ずかしい? title属性とalt属性の役割と違い・使い分け方【HTML】
![Thumbnail of post image 087](https://jill-tone.com/wp-content/uploads/2019/05/title属性とalt属性の違いと使い分け方-300x200.jpg)
使いそうで使う機会の少ないtitle属性。
やってることもalt属性と同じようなことをしてるし、違いがよくわからない方も多いかと思います。
今回はtitle属性とalt属性の役割と違い・使い分け方を解説します。 ...
blockquote、qなど引用タグが必要な理由と使い方まとめ【SEO対策にも】
![Thumbnail of post image 168](https://jill-tone.com/wp-content/uploads/2018/07/blockquote、q、citeなど引用タグが必要な理由&使い方-300x181.jpg)
ブログやサイトなどで文章を引用した際は必ず引用タグを使い、引用であることを示すのが基本です。
「 引用タグ必要?引用ってわかるように書けばいいんじゃないの? 」と思ったアナタ、甘い甘い甘すぎる。砂糖たっぷりクリスピークリー ...
引用元を表すタグ <cite>要素とcite=”URL”属性の違いと使い分け方
![Thumbnail of post image 131](https://jill-tone.com/wp-content/uploads/2018/06/引用元を意味するciteタグの属性と要素のでの違い・使い分け方-300x200.png)
blockquote や q など、HTMLにおける引用タグ。
サイト訪問者だけでなくGoogleなど検索エンジンに引用であることを示し、ペナルティを回避するためのSEO対策的な一面も持つHTMLタグでもあります。 ...
【必修知識】id と class の違いと使い分け方の基本
![Thumbnail of post image 019](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 105](https://jill-tone.com/wp-content/uploads/2018/06/アンカーリンクイメージ_碇と海-300x227.jpg)
ご存じの通り、aタグに target=”_blank” 属性を指定すれば新しいタブで開くことが可能です。
「 新しいタブで開くのってSEO的なところでの影響ってどうなの? 」と思うこともありますが、 ...