ホーム > マークアップ

マークアップに関する記事一覧

phpAmazon Product Advertising API（署名入り）をアフィリエイトとして使う

公開日: 2010年10月28日

AmazonのProduct Advertising APIをアフィリエイトとし...

詳細を読む

mobile携帯サイトのターゲット端末

公開日: 2010年08月19日

スマートフォンが普及していく様を横目に、携帯サイトに対応しなくてはいけないシーン...

詳細を読む

CSSimgのvertical-align

公開日: 2007年01月03日

縦方向のレイアウト崩れ防止、ブラウザによる見え方を統一するため、vertica...

詳細を読む

CSSfloatとvertical-align? → display:table-cell; !

公開日: 2010年06月28日

上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方...

詳細を読む

phphtml拡張子でありながらphpを動作させる

公開日: 2010年05月29日

もっとはやくに気づいていたかった・・・。環境としては、レンタルサーバーhete...

詳細を読む

Javascriptmaxlengthで指定されたテキストのlength

公開日: 2010年05月24日

inputタグ要素の属性、maxlengthが指定されたテキストの文字数について...

詳細を読む

(x)htmlmaxlength属性

公開日: 2010年05月23日

inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。調査...

詳細を読む

JavascriptJSONP Javascriptがちょっと分かってきた人のために

公開日: 2010年05月18日

いまどき「マッシュアップ」という言葉を使うこと自体ちょっぴり恥ずかしいのですが、...

詳細を読む

(x)html<style><script>要素のコメントアウト

公開日: 2007年05月07日

詳細を読む

JavascriptAjaxに挑戦！

公開日: 2009年10月25日

Ajax、Asynchoronous JavaScript + XMLの略。非同...

詳細を読む

Actionscript3表示オブジェクト

公開日: 2009年08月04日

表示オブジェクトオーサリング時に作成できるオブジェクトオブジェクトボタンイン...

詳細を読む

Javascriptランダムに選択する

公開日: 2007年03月11日

var sentaku = Math.floor(Math.random()*8...

詳細を読む

Actionscript3イベント処理

公開日: 2009年07月31日

イベント処理イベント処理の基本書式は下記オブジェクト.addEventLis...

詳細を読む

Javascriptフォーム、送信前にJavascriptで入力チェックを行う方法

公開日: 2009年07月23日

通常、送信ボタンが押されるとformのactionが実行されますが、formタグ...

詳細を読む

(x)htmlselectタグの上にコンテンツを乗せる

公開日: 2009年07月13日

selectタグの上にコンテンツを乗せる手法。いろいろネット検索したものを総まと...

詳細を読む

xmlRSS2.0 フォーマット

公開日: 2009年05月27日

<?xml version="1.0" encodi...

詳細を読む

JavascriptJavascriptでflash playerのバージョン判別

公開日: 2009年01月01日

swfファイルをブラウザ上に表示するために、flash playerの有無やバー...

詳細を読む

CSSブラウザによるwidthプロパティの解釈の違い

公開日: 2007年01月01日

正しいCSSを記述しているにもかかわらず、表示が崩れることがある。ブラウザによ...

詳細を読む

(x)htmlよく使われるタグ要素（マークアップの基本）

公開日: 2009年03月06日

意味づけされたマークアップをすることは、将来性の高いコーディングスキルを身につ...

詳細を読む

CSSfont-family フォントファミリー

公開日: 2007年03月16日

font-family:"ヒラギノ角ゴ Pro W3", &...

詳細を読む

CSSロールオーバーで画像を切り替える

公開日: 2007年01月06日

様々なやり方があるが、どれがベストなんだろう？気にするポイントは、検索エンジン...

詳細を読む

CSSコンテンツの量によってフッターの位置を変える

公開日: 2007年11月04日

具体的には、ブラウザ表示領域（ファーストビュー）とコンテンツ高さを比較して、コン...

詳細を読む

CSS高さをコントロールする

公開日: 2007年01月23日

とはいえ、正確にコントロールできるわけではないが、縦幅を認識させたいときに有効。...

詳細を読む

CSSブラウザ表示領域の上部（ヘッダー）と下部（フッター）を固定する

公開日: 2008年12月27日

コンテンツの量に関わらず、スクロールしても、ヘッダーとフッターは常にブラウザ上に...

詳細を読む

CSS適用されるCSS [CSS初心者向け]

公開日: 2009年01月14日

「CSSは記述しているのに適用されない」という質問が多々あるので、あらためて基本...

詳細を読む

CSSIE7の拡大機能、仕様？バグ？

公開日: 2008年11月06日

IE7でブラウザの右下にある数値を変えて拡大してみる。見事にレイアウトが崩れる場...

詳細を読む

JavascriptDOMでswfファイルを呼び出す際の注意

公開日: 2009年01月15日

swfファイルをhtmlファイルで指定する際、従来はobjectタグとembed...

詳細を読む

JavascriptJavaScriptでIEかどうかの判別

公開日: 2009年01月04日

Javascriptでブラウザ判別するのはともかく嫌いで、どうにかこれまで避けて...

詳細を読む

(x)htmlswfファイルをxhtml1.0 strictに取り組む記述

公開日: 2006年12月16日

詳細を読む

(x)htmlinputタグをコントロールする

公開日: 2008年11月26日

inputタグの文字間を上手にコントロールする術を模索している。百聞は一見にし...

詳細を読む

(x)htmltableのこと【xhtml編】

公開日: 2006年12月31日

tableタグを利用する際に意外と知られていないのが、列（縦方向）をコントロール...

詳細を読む

CSStableのこと【CSS編】

公開日: 2007年03月22日

テーブルタグの初期設定 table{ border-collapse:colla...

詳細を読む

xsltxsltとは？

公開日: 2008年11月02日

xsltスタイルシートの立ち位置 xml文書とxsltスタイルシートを、xslt...

詳細を読む

xmlxmlの3つの魅力

公開日: 2007年06月23日

さまざまなデータを表すことができるタグは自由に取り決めることができる（対ht...

詳細を読む

JavascriptJavascriptの歴史

公開日: 2008年11月02日

JavaScript InternetExplorer Netscape 特徴...

詳細を読む

xmlXML Schemaサンプル

公開日: 2007年07月10日

sample.xsd <?xml version="1.0" encod...

詳細を読む

xmlXML Schemaの内容モデルをもっと詳細に取り決める

公開日: 2007年07月10日

出現順序を指定要素名説明 sequence要素内容が順番に出現する ch...

詳細を読む

xmlXML Schema

公開日: 2007年07月09日

XML SchemaとDTD XML SchemaはDTDと同じように、xml文...

詳細を読む

xmlDTDを別ファイルにする

公開日: 2007年06月29日

DTDを別ファイルにして共有することができる。DTDの内容を外部のファイルにした...

詳細を読む

xml妥当な文書サンプル

公開日: 2007年06月27日

<?xml version="1.0" encodi...

詳細を読む

xml妥当な文書

公開日: 2007年06月27日

妥当な文書（valid XML document）とは、整形式文書の規則を守り、...

詳細を読む

xml文字参照を使用しない記述方法

公開日: 2007年06月26日

<![CDATA[ ここに記号を含めたテキスト ]]> ...

詳細を読む

xml整形式文書

公開日: 2007年06月26日

整形式文書（well-formed XML document）とは、xmlの文法...

詳細を読む

xmlxhtmlと同様のルール

公開日: 2007年06月23日

文書内にコメントアウトを記述方法 <!--コメントコメントコメント--&...

詳細を読む

xml名前空間

公開日: 2008年07月01日

xml文書は別のxml文書と結合することができる。結合した際に同じ要素名があると...

詳細を読む

xslt動作確認

公開日: 2008年07月02日

実際に、簡単なサンプルを用いて、xml文書がどのように変化するのか見てみます。 ...

詳細を読む

Javascript「このページのトップへ」に動きをつける

公開日: 2007年01月10日

function pageup(){ if(document.all){ ...

詳細を読む

Javascript変数のスコープ（領域）

公開日: 2007年11月09日

グローバル変数スクリプトのどこからでも参照できるローカル変数ファンクショ...

詳細を読む

JavascriptDOMの基本事項

公開日: 2007年11月10日

DynamicHTMLとは DOM（Document Object Model）...

詳細を読む

JavascriptクロスブラウザDynamicHTMLを作るには

公開日: 2007年11月10日

if(document.getElementById){ IE5.0〜、N6....

詳細を読む

CSSfloat段組みした場合のclear設定の方法

公開日: 2007年12月04日

.group{ overflow:auto !important; overf...

詳細を読む

CSSデフォルトで設定すべき事項

公開日: 2007年12月11日

下記に示す全称セレクタを用いた初期化方法の流行りは影を潜め始め、現在は「必要な要...

詳細を読む

CSSレイアウト全体を画面のセンターに設定する

公開日: 2007年12月13日

本来であれば #wrapper{ width:○○px; margin:0 au...

詳細を読む

CSSpositionを利用した2段組み

公開日: 2007年12月13日

2段組み #wrapper{ width:○○px; } #container{...

詳細を読む

CSSpositionを利用した3段組み

公開日: 2007年12月13日

3段組み #wrapper{ width:○○px; } #container{...

詳細を読む

CSSfloatを利用した段組み例1

公開日: 2007年12月13日

xhtmlの書き順 #cont1 → #cont2 → #cont3 #con...

詳細を読む

CSSfloatを利用した段組み例2

公開日: 2007年12月13日

xhtmlの書き順 #cont2 → #cont1 → #cont3 （#co...

詳細を読む

CSSfloatを利用した段組み例3

公開日: 2007年12月13日

xhtmlの書き順 #cont2（#cont2in） → #cont1 → #...

詳細を読む

CSSリストとナビゲーション「縦」編

公開日: 2007年12月13日

(x)htmlにテキストを記入し、CSSでマウスオーバー時に背景画像を変更させる...

詳細を読む

CSSリストとナビゲーション「横」編

公開日: 2007年12月13日

xhtmlソース <div> <ul> <li&...

詳細を読む

JavascriptDOMトラブル：getAttribute('class')

公開日: 2008年03月01日

記述は間違いない（はずな）のに、ブラウザによって思うように動作しないことがある。...

詳細を読む

JavascriptDOMトラブル：getAttribute('href')

公開日: 2008年03月01日

記述は間違いない（はずな）のに、ブラウザによって思うように動作しないことがある。...

詳細を読む

Javascriptコンテンツを開いたり閉じたりする

公開日: 2008年01月26日

Level 1 (x)html <p> <a href="#"...

詳細を読む

Javascript期間を限定した表示 2

公開日: 2008年01月22日

掲載から特定の期間が経過すると削除する（「new」マークや「最新情報」など）場合...

詳細を読む

CSSline-heightとimgによるWinIEバグ

公開日: 2007年12月05日

line-heightを指定してる中にimgが含まれると、WinIE(IE7では...

詳細を読む

JavascriptDOMの値を取得・設定する方法

公開日: 2007年11月10日

DOM値を取得する方法 id属性を使用してタグ要素の属性の属性を取得する doc...

詳細を読む

(x)htmlGoogleにスニペットやキャッシュを非表示にさせる

公開日: 2007年11月10日

使用例：<meta name="robots" con...

詳細を読む

Javascriptオブジェクト

公開日: 2007年11月08日

ナビゲーターオブジェクト navigator Plugin MimeType s...

詳細を読む

Javascriptscriptを記述する際の注意事項

公開日: 2007年11月08日

従来 <script language="javascript&...

詳細を読む

Javascriptオブジェクト、関数、変数などに設定可能な名前

公開日: 2007年11月08日

大文字・小文字のアルファベット、あるいはアンダースコア（_）で始まる文字列変...

詳細を読む

JavascriptJavaScriptで取り扱える型の種類

公開日: 2007年11月08日

文字列ダブルクォーテーションマーク（"）、シングルコーテーションマ...

詳細を読む

Javascriptスタイルシートを変更する

公開日: 2007年08月14日

スタイル変更ボタンを設置し、スタイルシートごとごっそり置き換える。これはCSS...

詳細を読む

(x)html絶対URIと相対URLと相対パスの関係

公開日: 2007年05月24日

http://〜絶対URI /〜相対URL 絶対パス ./〜...

詳細を読む

CSSemを使ってpx感覚で操作する

公開日: 2007年04月06日

文字サイズをemで指定するアクセシビリティに配慮して文字サイズ指定にpx指定を...

詳細を読む

CSSInternet Explorer 7対策

公開日: 2007年03月16日

html>body モダンブラウザ用 *;first-child+htm...

詳細を読む

(x)htmlstrictに対応するためのiframe代替

公開日: 2007年03月13日

strictではiframeの利用は廃止されている。そこでobjectを利用する...

詳細を読む

(x)htmlモジュール化の一案

公開日: 2007年03月14日

名前空間の名付けは任意に行う（bodyをそのまま名付けることはNG）。 uni...

詳細を読む

CSSdlを使って、dtとddを横並びにする

公開日: 2007年02月23日

dl{ width:○○px; } dt{ float:left; width...

詳細を読む

CSSリキッドレイアウトで画像の背景に一工夫

公開日: 2007年01月19日

<div class="bg-cover">&...

詳細を読む

CSSフォントサイズ

公開日: 2007年01月19日

更新（2006年12月31日エントリー）

詳細を読む

Javascript期間を限定した表示

公開日: 2008年01月22日

更新（2007年1月10日）

詳細を読む

Javascriptxhtml strictで新規ウィンドウを開きたい場合

公開日: 2007年01月09日

xhtml1.1 strictでは、新規ウィンドウを開くtarget属性を推奨し...

詳細を読む

CSSfloatの使用上の注意

公開日: 2007年01月03日

floatとwidthはペアで使用する CSS2.1の勧告候補ではwidthなし...

詳細を読む

CSS文字間

公開日: 2007年01月03日

/*¥*/ letter-spacing:0.1em; /**/ letter...

詳細を読む

(x)htmlidとクラス名

公開日: 2007年01月03日

古いブラウザではidやクラス名に「-」と「_」を含まれていると認識できなくなるら...

詳細を読む

CSS背景やボーダーが意図した表示をしないとき

公開日: 2007年01月03日

そのボックスにfloat付きの子ボックスが含まれていないか？そのボックス（ま...

詳細を読む

CSSリスト「画像」とナビゲーション「横」編

公開日: 2007年01月06日

xhtmlソース <div> <ul><!-- ...

詳細を読む

Javascript新規ウィンドウをサイズ指定のセンター表示する

公開日: 2006年12月31日

「test.html」をサイズ500×500（px）、新規ウィンドウ、画面中央で...

詳細を読む

CSSMacIEだけを分離するハック

公開日: 2006年12月31日

/*¥*/ MacIE以外 /*/ MacIE用 */ どのブラウザでもOK ...

詳細を読む

(x)htmlNetscape version4の排除

公開日: 2006年12月31日

詳細を読む

CSSWindows/Mac IE version4の排除

公開日: 2006年12月31日

@important "test.css"; ポイントは@...

詳細を読む

(x)html「/」から始まるパス指定

公開日: 2006年12月24日

「/」が意味するのは、どの階層にいようが一番上の階層を基準にすること。ナビゲーシ...

詳細を読む