HTML table(表組み)に関する要素を覚えよう
表組みを表す要素であるtable要素について解説していきます。table要素は、表組みを表すものでありレイアウト目的での使用は禁止となりました。(adsbygoogle = window.adsbyg...
HTML
HTML 
HTML 改行コードCR・LF・CR+LFの違いって何なの？
改行コードの指定でいつも気になっていた「CR」「LF」「CR+LF」って何なんだろうと思い調べましたのでメモしておきます。(adsbygoogle = window.adsbygoogle || []...
HTML 「Font Awesome」利用サンプル集
前回の記事、「Font Awesome」ウェブアイコンフォントの利用方法の続きとして、実際に「Font Awesome」を利用しながら、オプションとして指定できるサンプルを見ていきたいと思います。▼目...
HTML 「Font Awesome」ウェブアイコンフォントの利用方法
一昔前は、ナビゲーションやリストマークなどに「シンボルマーク+テキスト」を表示したい場合、「png画像」を背景画像に指定するなどして対応することもありましたが、フラットデザインが流行してからは「Web...
HTML Google HTML / CSS Style Guideを翻訳してみた。
Google HTML/CSS Style Guide (【改正】2016.2.24 )これまで何となく認識しているルールとか、規則ってありますよね・・・。「決まりがあることは知っているけど、守らなく...
HTML 文字化け防止のために「文字コード宣言」は必ずしよう！
HTML文書で日本語を使用したファイルは、必ず「文字コード」を指定してから保存しましょう。また、HTML文書内において必ず「文字コード宣言」をすることを忘れないようにしましょう。// // なぜ文字コ...
HTML スマホサイトで使われるメニューデザイン7タイプ
スマホサイトの作成においてワイヤーを引く際に、まず悩むのが「メニューをどうするか？」ということ。サイトの印象を大きく左右するその「メニュー」について、それぞれどういったことを考え、適切なメニューのタイ...
HTML グリッドレイアウトの基本的なこと。
今回は、WEBサイトを作成する上でのレイアウト手法のひとつ「グリッドレイアウト」について考えていきたいと思います。最近では「フラットデザイン」や「レスポンシブデザイン」など新たな表現スタイルでそれぞれ...
HTML faviconの設定方法
ブラウザのタブなどでよく見かけるマークのようなもの、通称「ファビコン」と呼ばれる画像ファイルを設定したい場合の方法をご紹介します。// // 指定方法はいくつかありますが、今回はルートディレクトリに「...
HTML 何故かページが文字化けしてしまう！？
Webページの文字コードを指定する方法にはいくつか方法がありますが、その指定方法を今一度確認しておきましょう。最も推奨されている文字コードの指定方法は、HTTPレスポンスヘッダー内にて指定する方法にな...
HTML ページ上にソースコードを表示する方法
webページ上に、htmlソースなどを表示したい場合は、「pre要素」と「code要素」を利用します。「pre要素」は、要素ないのテキストの改行やスペースをそのまま表示してくれますので、インデントなど...
HTML 相対パスと絶対パスの記述おさらい!
階層が違うファイルを指定する時は、どう記述すればいいんだっけ？「CSS」で画像を指定したい時の相対パスは？そんな基本的な、「相対パス」や「絶対パス」について、ちょっと確認しておこうかなって人へ。// ...
HTML 検索エンジンの巡回クロールを回避する方法
サイトの運営をしていく中で、サイトが公開前の準備段階である場合や管理画面URLなど、検索エンジンにクロールされては困る状況があると思いますが、そういった時はHTMLの「metaタグ」による設定方法や「...
HTML 特定ページやサイト全体のURLを変更した際のリダイレクト設定
Webサイト内のページURLの変更や削除、またはディレクトリごとの移動やサイト全体の移転などを行う場合、リダイレクト(転送)という処理で新たなページに遷移させることがありますが、正しい知識と手順で行わ...