zaKEY.net - WordPress・iPhoneなどのブログ -

コポキャラの岡崎邦彦(ザッキー)の情報サイト。WordPressやらEC CUBEやらiPhoneについての情報を書いていきます。

HTML・CSS

【html】ガラケー用のHTMLテンプレート

投稿日:2014年3月23日 更新日:

ガラケーのHTMLを作ることがあるので、テンプレートをおいておきます。
これでHTMLを作って文字コードをShift_JISで作ればとりあえずの形はできます。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />
<meta name="description" content="ディスクリブション文章" />
<meta name="keywords" content="メタキーワード" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>サイトタイトル</title>
</head>
<body bgcolor="#FFFFFF" vlink="" link="" alink="" text="">
<font size="-2">

<marquee bgcolor="#666666">
<font size="-2" color="#FFFFFF">マーキー文章</font> 
</marquee>

<div align="center">
<img src="./img/logo.gif" /><!-- ロゴ画像 -->
</div>

<table width="100%">
  <tr>
    <td bgcolor="#666666" align="center"><font color="#ffffff" size="-2">インフォメーション</font></td>
  </tr>
</table>
サイトの概要文章<br />
サイトの概要文章<br />
サイトの概要文章

<table width="100%">
  <tr>
    <td bgcolor="#666666" align="center"><font color="#ffffff" size="-2">メイン</font></td>
  </tr>
</table>

サイトのメイン文章<br />
サイトのメイン文章<br />
サイトのメイン文章

<hr />

<table width="100%">
  <tr>
    <td bgcolor="#CCCCCC" align="center"><a href="http://" accesskey="0"><!-- トップページURL -->
      <font size="-2">(c)2010 - サイトタイトル</font></a>
    </td>
  </tr>
</table>

</font>
</body>
</html>

参考サイト:手っ取り早く携帯サイトを作成する時のhtmlテンプレート

zakey336x280

zakey336x280

-HTML・CSS
-, ,

関連記事

Sublime Textのautofilenameのwidthとheightが入らない。

Sublime Textのautofilenameのwidthとheightが入らない。

軽くて拡張しやすいので愛用しているSublime Textですが、先日からなぜかautofilenameのwidthとheightが入らない。 Sublime Textを使っている一番の理由がauto …

51o9Pgs4laL._SL160_

iPhone6・iPhone6 PlusのCSSハック

iPhone5までは幅320pxで調整出来ましたが、iPhone6・iPhone6 Plusになって幅が大きくなったためそのためのCSSを入れないといけません。 参考より、こちらで対応できます。 /* …

CSS3

【css3】文字やボックスに影を付ける方法

css3を使えば文字やボックスに影を簡単に付けることができます。 通常はPhotoShopで影の加工をしてそれを使用しますが、cssでできるのであればサイトが自由に作れますし、更新の手間が省けます。 …

HTML5rawkes

【html5】スマホでPC用サイトを見せる時に幅が足りない時の対処法

PC用サイトをスマホで表示させる際にうまく表示させることが出来ず幅が足りない場合があります。 この場合下記のコードがheadに入っていないか確認してみてください。 <meta name=&quo …

スクリーンショット 2014-03-06 10.40.10

【css3】inputタグに事前に薄く文字を表示させる方法

お問い合わせフォーム等で入力欄に事前に文字が入っているのを見たことありますか? あれが入っていると相手としては何を入力すればよいのかわかりやすいので、是非導入したい! HTML5だと実は簡単に導入でき …