カテゴリー
SugiBlog Webデザイナー・プログラマーのためのお役立ちTips

HTML雛形

  • HTML
  • 2010-11-20 - 更新:2014-07-02

【XHTML 1.0】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>（タイトル）</title>

<link rel="stylesheet" type="text/css" href="./css/index.css" />
<link rel="alternate" type="application/rss+xml" title="ROR" href="sitemap.xml" / >

<script type="text/javascript" src="./js/common.js" charset="shift_jis"></script>
</head>
<body>

【検索エンジンに登録されたくない】

<meta http-equiv="Pragma" content="no-cache" />
<meta name="robots" content="noindex,nofollow" />

【Yahoo!のカテゴリ登録の説明よりもソースのdescriptionを優先する】

<meta name="robots" content="noydir" />
1,296 views

気をつけよう　文字コード

  • HTML
  • 2010-04-20 - 更新:2014-06-05

例えば、外部JavaScriptファイルを読み込む場合

<script type="text/javascript" src="..."></script>

と読み込むが、サイト内に複数の文字コードが混在している場合は注意が必要である。
MySQL等ではEUCを使用しているが、Ajaxを使いたいので該当ページのみUTFにしているとき
柔軟なブラウザならある程度ファジーに解釈してくれるが、そうでないものもある。

そこで、厳密に文字コードを指定してあげよう。

<script charset="..." type="text/javascript" src="..."></script>

こうしてやると、問題が解決する可能性が極めて高い。

,
1,231 views

docomoで「無効なデータを受信しました。(302)」とエラーが出る

  • HTML
  • 2009-06-19 - 更新:2015-06-26

ホームページを携帯キャリアで振り分けるとき、docomoでは相対パス指定でリダイレクトするとエラーが発生します。

例えばPHPで

header("Location: ./redirect.html");

とするとエラーになります。

対処方法は絶対パスでリダイレクトする

header("Location: http://www.example.jp/redirect.html");
,
13,701 views

HTMLフォームでオートコンプリートを無効にする

  • HTML
  • 2009-05-28 - 更新:2012-12-03

フォーム全体のオートコンプリートを無効にする

<form action="example.php" name="form1" autocomplete="off" />

部品ごとにオートコンプリートを無効にする

<input type="text" name="name" value="" autocomplete="off" />
1,562 views

ALT内で文字列を改行させる

  • HTML
  • 2008-01-31 - 更新:2012-12-03

HTMLの画像表示で、画像のALT属性（代替テキスト）に改行を含めたい場合、
「&#13;」を使用します。

<img src="sample.jpg" alt="1行目&#13;2行目">

1行目 2行目

2,333 views