カテゴリー
SugiBlog ホームページ制作・システム開発|大阪

HTML雛形

【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" />

この記事がお役に立ちましたらシェアお願いします

874 views

気をつけよう 文字コード

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

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

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

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

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

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

この記事がお役に立ちましたらシェアお願いします

843 views

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

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

例えばPHPで

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

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

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

header("Location: http://www.example.jp/redirect.html");

この記事がお役に立ちましたらシェアお願いします

11,563 views

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

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

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

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

<input type="text" name="name" value="" autocomplete="off" />

この記事がお役に立ちましたらシェアお願いします

932 views

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

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

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

1行目
2行目

この記事がお役に立ちましたらシェアお願いします

844 views