ホームページ作成 人気記事ランキング(3ページ目)
2024年05月08日 ホームページ作成内でアクセスの多かった記事をご紹介します。
21位空白文字の打ち方!HTMLで使えるスペースの入れ方いろいろ
空白文字の打ち方を解説。ウェブページ内でスペースを連続表示させる方法です。HTML中で半角スペースを連続して打っても、表示される空白は1つ分だけです。しかし「 」などの文字実体参照という特殊な記述方法を使えば、複数の連続した空白も入れられます。しかも、「半角スペースより細い空白」や「半角と全角スペースの中間くらいの空白」など4種類の空白文字があります。
特殊文字・記号の記述 (HTML)ガイド記事22位短縮URLの作り方おすすめ3選!Googleの"goo.gl"は終了
短縮URLの作り方おすすめ3選と、短縮URLを自分の独自ドメインで作成する方法をご紹介。外部の短縮URL生成サービスは手軽に利用できて便利ですが、デメリットもあります。転送の仕組みやフリーのツールを使えば、自サイト専用の短縮URLも無料で用意できます。短縮URLの解析サービスも使うと転送先が安全かどうかを調べられます。
SEO・アクセス数アップガイド記事23位サブウインドウを開く方法!閲覧者に不便をかけない小窓とは
サブウインドウを開く方法!閲覧者に不便をかけない小窓とは。JavaScriptを使えば、ウェブページを表示しているウインドウとは別のサブウインドウを開くことができます。しかし書き方によっては弊害があります。それらの問題をすべて解決したサブウインドウの開き方や、そもそも別ウインドウを開かずに済ませる代替手段をご紹介。
サブウインドウの表示・活用 (HTML,JavaScript)ガイド記事24位HTMLのhref属性の書き方!リンクの指定と活用
HTMLのhref属性の書き方を解説。hrefの読み方や意味などの基礎から、ページ内リンクやメールアドレスへのリンクの作り方、target属性やdownload属性との併記方法など、href属性値の書き方・活用方法をご紹介。
ガイド記事25位右クリックを禁止する方法と禁止を解除(回避)する方法
ブラウザ上で右クリックした際に表示されるメニュー(コンテキストメニュー)の表示を禁止したり、コピー操作を無効化したり、その際に警告を表示したりする方法はとても簡単です。しかし、その禁止や無効化を解除(回避)する方法もとても簡単です。右クリックやコピーを禁止するHTML+JavaScriptの書き方と、その解除方法の両方を解説。
アクセス制限・認証、サイト内検索ガイド記事26位メールアドレスやURLの例に使えるサンプル用ドメイン
メールアドレスやURLの例を書きたいとき、誰かに所有されているドメイン名を使ってサンプル文字列を作ると問題があります。URLやメールアドレスなどの例示に使えるドメイン名としてexample.comなどいくつかのドメイン名が用意されていますので、それらを使ってサンプルを書きましょう。危険なサイトに繋がる可能性もある紛らわしいドメイン名にも注意して下さい。
ホームページ作成テクニック、小技ガイド記事27位画面サイズ別にCSSをメディアクエリで切り替える方法
画面サイズ別にCSSをメディアクエリで切り替える方法を解説。メディアクエリとは、画面サイズなどの閲覧環境に応じて適用スタイルを切り替えるCSSの機能です。レスポンシブWebデザインを作る際にも使い、HTMLのmedia属性値やCSSの@media規則で条件を指定します。スマホ専用スタイルや、PC等の広い画面幅向けスタイルなどを作成しておき、簡単に切り替えられます。
装飾・レイアウトの動的変更 (HTML,CSS,JavaScript)ガイド記事28位HTMLでセルや行全体をクリック可能なリンクにする方法
HTML+CSSで「1行全体」をクリック可能なリンクにしたり、テーブルの枠線内で「1つのセル全体」を余白も含めてクリック可能なリンクにしたりする方法を解説。HTMLのa要素で作るリンクを、CSSでブロック化した上で空白量を調整する簡単な記述で作れます。文字(リンクテキスト)だけでなく余白も含めた広い範囲をクリック可能にする、押しやすいリンクの作り方をご紹介。
リンクの表示・装飾 (HTML,CSS,JavaScript)ガイド記事29位QRコードをGoogle Chart APIで作成して表示する方法
Google Chart APIを使ったQRコードの簡単な作成方法を解説。Google提供のQRコード作成サービスなら、HTMLソースに記述した文字列からQRコード画像が動的に生成されるため、ウェブ上にQRコードを表示したい場合でも事前に画像ファイルを用意する手間が不要で簡単です。URLやメールアドレスだけでなく、日本語などの自由な文字列を含むQRコードの作り方をご紹介。
SEO・アクセス数アップガイド記事30位CSSの使い方!半端な自動改行(折り返し)を防ぐ
CSSのinline-blockを使うと、自動改行での折り返し位置が中途半端になってしまう表示を避けやすくなります。日本語の文章は多少の禁則を除けばどこでも改行できるため、改行位置が「単語の途中」や「残り1文字の直前」のように中途半端になりがちです。画面幅が足りない場合にだけ、自然な位置で自動改行されるようinline-blockを指定するCSSの書き方を解説。
テキストの配置・装飾 (HTML,CSS)ガイド記事