[ Web関係 ] 石川さんのmynote.jpにマークアップの指針というページがあったので私も書いてみる。 文書型・MIMEタイプ・文字コード 文書型はXHTML 1.1またはISO-HTMLを用いる MIMEタイプに関しては、対応するUAにはapplication/xhtml+xmlとして、未対応のUAにはtext/htmlとして配信する。（現在はPHPによって振り分けている） 文字コードは言葉の響きがカッコいいのでEUC-JPとする 文書全体の構造 XML宣言は省略しない hn要素はh1要素から順番に使用 div要素でのセクション構造の明示は行わない。セクション構造は見出しによって暗示するにとどめる ナビゲーションは本文の後ろに記述する 使わない要素 XHTML1.1においてPresentation Moduleに属する要素 div要素、span要素 br要素についてはレイアウト目的
[ Web関係 ] 誰も読んでないでしょうけど、その4。そんなに細かく解説してないので、初心者には優しくないです。たぶん。 ナビゲーションをどうにかする 前回まででコンテンツ部分をどうにかしたので、今回はナビゲーション。 とりあえずナビゲーションの見出しが邪魔なので消去。この前も書いたけど、わざわざナビゲーションに見出し付けて結局消すとかいう意味が分からないことしてるのは、私の心理的な問題です。単に気持ち悪いから見出し付けてるだけ。アクセシビリティ云々は関係ないです。 h2#NAVIGATION_HEADING, h3#MAIN_NAVI_TITLE{ display: none; } 次に各リンクの表示をどうにかします。ADP: div要素なしレイアウト (4)にあるADP式ロールオーバーが基本。もっとも今回のデザインではロールオーバーさせませんけど。背景画像は以下のようなものを使います
[ Web関係 ] それ来た、その3。 これは先に書いておくべきだったのかもしれませんけど、私がHTMLとCSS書くときの方針を列挙。 採用DTDはXHTML1.1かISO-HTML。 div、span、b、i、big、small、hrは使わない。br要素も極力使わない。小説書くとかなったら考えますけど。 可読性重視、あまり凝った装飾はしない。 見出しと本文のCSSを書く 前述の方針を踏まえて解説再開。ナビゲーションのデザインは後回しにして先に見出しと本文のデザインを確定しちゃいます。ただし、右にナビゲーション持ってくることが確定済み（唐突）なので、各要素には右マージンを指定しておきます。 まずは見出し。私は普段h3くらいまでしか使わないので、CSS書くのは3まで。4以降は使うときが来たらその時に追加。最初にh1要素。 h1{ margin-right: 170px; margin-bot
[ Web関係 ] id属性とclass属性を付加 div要素は使いたくないので、必要に応じて各要素に直接idとclassを付加。私の場合、使い分けが結構適当です。全部classにしてしまった方が適切かもしれません。 どこにid振るかは勘で決定。「id="left"」みたいなことはしていないものの、結局見栄えのためのidなので一緒だと思う。ホントは好ましくありません。 <?xml version="1.0" encoding="EUC-JP"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>der
[ Web関係 ] 「何でいきなり実践編なんだよ」とかいうツッコミは無しで。 暇なので、私のサイトの作り方でも解説しようかなと。 まずはテキスト とりあえずHTMLを書くわけです。 はじめにテキストでサイトの構造を適当に記述。本文が先。ナビゲーションは後。 何となく気持ち悪いので私はナビゲーションにも見出しを付けてます。適切な見出しになってないような気がしますし、結局CSSでdisplay:noneってやってるからアクセシビリティ向上の役に立ってるわけでもないんですけどね。 der Gegenwart どうでもいい雑記そのXX ダミーテキストダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキストダミー
[ Web関係 ] ちょっと面白い記事見つけたので思わず更新。 アフィリエイト日記: HTLとXHTMLの違い3 タイトル通り（？）HTMLとXHTMLの違いについて書いているのですが、色々とスゴイ。 ウェブ標準のウェースはその名の通りWEB標準に準拠しないといけないので、XHTMLで構成されている以上そのやならなければいけないことをしています。さて、その行為とはなんでしょう？ とりあえず日本語でお願いします。上記のよく分からない問題の選択肢が以下の四択。 A1 brやimg等終了タグが存在しないタグは使ってはいけない A2 brやimg等気にせず使っていく A3 brやimg等終了タグが存在しないタグを使うと宣言する A4 終了タグが存在しないから終了タグの代わりをつける 「要素」と「タグ」を混同しているみたい。っていうか正解と思しき選択肢が存在しないのは何故？ 「正解はCMのあと」じゃ
[ Web関係 ] 今更ながらWeb標準について考えてみる Wikipediaによるとウェブ標準の明確な定義は存在しないといえるとのこと。私もそう思う。 「じゃあWeb標準って何なのさ」と思ったわけです。私なりに考えてみようと、そう思いました。 仕様に沿ってさえいればWeb標準なのかというとそれもちょっと違うみたい。table要素でレイアウトするのは「Validであるか否か」という点のみを判断基準にすると十分にありといえます。しかし「Web標準」でググって出てきたいくつかの記事を読む限りでは所謂「テーブルレイアウト」はWeb標準ではないっぽいです。 では、フルCSSレイアウトであれば、それ即ちWeb標準準拠ということなのでしょうか？ それもちょっと違うような。文書構造を適切にマークアップ出来ていればWeb標準？ ホント、Web標準って何なのさ。教えてエライ人。 hr要素は見栄え hr要素は
[ Web関係 ] 何人か回答してくださった方がいらっしゃいましたので、ここで紹介します。順番は私が気づいた順です。基本的にアクセス解析のリファラで確認してます。全くアクセスのないサイトでない限りは多分平気。「回答したからすぐにでも載せてくれ」って方がいらっしゃいましたら、メールにて当該URIを送って下さいな。はてなのコメントで知らせてくれてもOK。 っていうかこういうときトラックバックあると便利なのかな。今さら面倒だからそんな機能つけないけど。 質問の数が5個ってのは概ね好評みたい。 我的春秋: Re: 正しくHTMLを書こうと心がけている人に5つの質問 Re : 正しくHTMLを書こうと心がけている人に5つの質問（pixel） 正しくHTMLを書こうと心がけている人に5つの質問 (kuruman.org > 諸情報) Re: 正しくHTMLを書こうと心がけている人に5つの質問（JamG
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く