ブロックレベルとインラインレベル

「ブロックレベル」と「インラインレベル」って違いが分かってるようで、なんとな〜くだったけどいい定義があった。

htmlタグと呼ばれる要素は2種類に分別さて「ブロックレベル」と「インラインレベル」に分かれます。
見分け方はいたって簡単で、並べると横に並んでいくか縦に並んでいくかの違い。

ブロックレベル要素…並べると縦に並んでいく
(例)<h1>,<p>,<div>,<table>,<ul>

インラインレベル要素…並べると横に並んでいく
(例)<a>,<span>,<img>,<font>,<strong>

たいていの場合、<div>要素を使ってレイアウトをすると思いますが、
この<div>はブロックレベル要素ですので本来横に並ぶことはありません。
だから、floatを使用して複数の<div>を横に並べるという作業が必要となるのです。

メモメモ。

smartyでXML宣言を省略

IE6のせいでxml宣言ほんと迷惑。
ECCUBEで構築したサイトで、IEの時はXML宣言を省略することができた。
/data/Smarty/templates/default/site_frame.tpl の先頭に以下を追加。

<!--{php}-->
$ua=$_SERVER["HTTP_USER_AGENT"];
if(!(ereg("Windows",$ua) && ereg("MSIE",$ua)) || ereg("MSIE 7",$ua))
print '<?xml version="1.0" encoding="UTF-8"?>'."\n";
<!--{/php}-->

メモメモ

onclick属性とonkeypress属性

onclick 属性を使用した際、lintでチェックすると

「onclick 属性を使うときは onkeypress 属性も指定しましょう。」
って、エラーが出る。

onclickはマウスのボタンがクリックされたときに発生するイベントハンドラで、onkeypressはキーがしばらく押されたときに発生するイベントハンドラ。

このエラーが出ないようにキーがしばらく押されても何もしないとして

onkeypress=”return true”

を入れてあげる。

メモメモ。

Safari 4 β

Apple Inc.が、世界で最も高速で革新的なMacとWindows PCに対応したブラウザ「Safari 4」のパブリックベータ版をCEOスティーブ・ジョブズ氏の誕生日である2/24に発表した。
 
Safari 4の「Nitro」エンジンは、JavaScriptをSafari 3の4.2倍高速で実行できるそうだ。
Safari 4は、よく訪れるページを視覚的にプレビューできる「Top Sites」、最近訪れたホームページのタイトル、ホームページアドレス、全テキストを検索できる「Full History Search」、ホームページ履歴またはお気に入りをめくるように見ることができる「Cover Flow」、タブを使って閲覧をより簡単に、より直観的に行なうことができる「Tabs on Top」といった機能を搭載している。
 
先日発売のiLife’09のiPhotoにもびびったが、今回のSafari4も凄いね。
さすが我らのアップル。
 
検証ブラウザが増えたのは言うまでもない。
 
 
メモメモ。

EC-CUBE文字化け

EC-CUBEをさくらインターネットで運用しようとした際に文字化けします。
 
解決法が見つかったのでメモしておく。
 
http://www.infojam.net/support_m_10_2.html
(インフォジャムネットワーク様より引用)
 
 
メモメモ。

MAMA

MAMAはOperaが開発しているWEB開発者向け検索エンジンで、ホームページがどのように作られているかをインデックスし、ユーザーがそれを簡単に検索できる仕組みのようだ。
 
正式名称は「MAMA(Metadata Analysis and Mining Application)」で、WEB技術がどのように使われているかを把握し、より標準に準拠したホームページを目指す手助けになるという。
 
「100を超えるハイパーリンクを持つホームページを抽出できるか」
「どの国で最もXML HttpRequestが使われているか?」
「平均的なホームページはどんな外観か」
「モバイルに対応しているホームページの割合は?」
「WEB2.0はどのくらい普及しているか?」
 
こんな具体的な質問に答えられるようだ。
 
CSSを使用しているホームページを検索したり、Ajaxを使用しているホームページを検索したり、その可能性はひろがる。
 
 
メモメモ。

「このページのトップへ」にもSEO対策

ページが長くなったときによく「このページのトップへ」という風に配置するが、「このページ(○○○)のトップへ」とか「○○○のトップへ」
などとすると無理なくキーワードを入れ込むことができる。
 
○○○はページタイトルで、当然キーワードを含んでいる。
※ただし、あまり長いページタイトルには向かない。 

パンくずリストもつけて、サイト内の全てのページからTOPのページへのリンクを「ホーム」ではなく「サイト名+ホーム」等にする。
TOTALのページ数が多いので、内部リンクも沢山つけることができる。
 
SEO対策・SEM | ホームページ作成
 
 
メモメモ

基本的SEO

・hタグが「h1」と「h3」のみ使用されていて「h2」が無い。
 ※h1、h2、h3でしっかりとした階層化をしないと無意味になる。
  これならhタグを使わない方が良いことになる。
 
・過剰なテキスト数のaltが有る一方で、altの無い画像が存在している。
 ※ちぐはぐなalt使い。
 
・太字テキストのキーワード率が低いです。
 ※一般的なキーワード出現率約5%はテキスト総数に対するもので、
  太字テキストに占めるキーワード率はもっと上げないといけない。
 
SEO対策・SEM | ホームページ作成
 
 
メモメモ。

「.東京」

総務省がドメイン名に「.東京」「.関西」「.富士山」といった地名や地域名などを導入するそうだ。

漢字表記の国名「.日本」が6月にもスタートするが、果たして需要はいかほどに。
 
ドメイン取得 | ホームページ制作
 
 
メモメモ。