私は、CSS勉強中、WEB業界に入って半年経たない未熟もんです（汗）。その前にWEBスクールに通っていましたが、やっぱっりまだまだ現場には対応できません。
http://www.studycss.net/
↑↑↑
こんなん見てみたり、WEB標準の教科書を読んでみたりと色々してますが・・・。今回紹介されてるWEB標準ブログはさっそくお気に入り登録いたしました！また、なにかお勧めのもん等あれば教えていただきたく思います！！
(2008/04/25 09:36:23 AM)
http://www.studycss.net/
↑↑↑
こんなん見てみたり、WEB標準の教科書を読んでみたりと色々してますが・・・。今回紹介されてるWEB標準ブログはさっそくお気に入り登録いたしました！また、なにかお勧めのもん等あれば教えていただきたく思います！！
(2008/04/25 09:36:23 AM)
全て
| カテゴリ未分類
| 雑学
| PC&Web
| お取り寄せ
| CSSメモ
| Web標準対応 - レイアウト実践
| Web標準
| オオイヌノフグリ成長記録
| デュランタ（タカラヅカ）の成長記録
| Web標準 -2007-
| PHP
| XOOPS
2008/04/17
テーマ： Web標準(117)
カテゴリ： Web標準
「h1要素ってのは、そのページ内で一回しか使わないもの、使えないものだから･･･」鳥のミンチをこねながら、「記述」について考えた。ふと思った。
それが h1要素 のこと。
ふと思ったら、気になって仕方がない。
h1要素って、ほら、SEO的にも重要なウェートを占めるし。
頭の中に沸々と湧き上がってきたものを書き留めてみると･･･
title要素とh1要素は、当たり前だけど役割が違う。
違うけれど、サイトのタイトルとh1要素に書くものってニア～イコールっぽくないかい？
例えば「Web標準にアプローチ」ってサイトがあって
このブログのように、一番上に、タイトル画像がデーンってあったりしたら
その子は、h1要素で書いちゃったりしないかい？
でも記事の中に入ったり、プロフィールのページとか見たりしたらどうだろう？
やっぱりサイトタイトル（ブログタイトル）に当たる部分がh1要素？
その時は、記事のタイトルだったり、「プロフィール」だったりがh1要素？？？
全ページ共通なのがh1要素･･･でいいのかな。
なんか違う気がしてきた･･･うーむ。
夕食に鳥のミンチをどうにかしたものを食べてから
ちょっと調べてみた。
まー！ヒット！ヒット！大ヒット！
ミツエーリンクスさんのWeb標準Blog のかなーり古い記事に
「 <h1>要素の扱い 」を発見！
同じこと、思うもんだなぁ～
知っとけよ！ってなことかもしれないね。
詳しくは、「 <h1>要素の扱い 」を読めば、納得いくと思います。
合わせて、日本語化された仕様書にも目を通しておこうね。
⇒ 7.5.5 見出し: H1、H2、H3、H4、H5、H6要素
時と場合と採用基準によるもんだけど
h1要素は、そのページの見出しとして話題・内容を短く述べたもの
と思えばいいと読み取りました。
結論としては、このサイトを例にすると
トップページでは「Web標準にアプローチ」をh1要素とし
プロフィールとか中のページについては「プロフィール」や記事のタイトルをh1要素とする。
ここじゃ無理だけど、記述の仕方、変えなくちゃ
＊オマケ＊
楽天のブログじゃ使えないけど、 AddClips って便利だよー。
ソーシャルブックマークボタンをごっそりセットで簡単に貼り付けられるの！
＊近況＊
ブレイブ・ストーリー（中）
これ、やっと上巻へ突入です。
何ヶ月かかってるんやろ（汗）
散文誌・３６５
*Web標準関連記事*
お気に入りの記事を「いいね！」で応援しよう
[Web標準] カテゴリの最新記事
-
いわゆるJISの文字コード宣言 2009/04/25
-
CakePHP レポート 其の壱 2008/08/09
-
リンクテキストを「text-indent:-9999px」… 2007/07/23 コメント(4)
Re:<h1>要素（タグ）の適正な使い方についてふと気づく(04/17)
つ!
さん
Webページなのでページがあるもので……
例えば本みたいに考えてみると 本のタイトル(title)と本の中の見出し(h1とか)と見てみるとイメージしやすいかもしれませんね.
(2008/04/18 03:19:22 PM)
例えば本みたいに考えてみると 本のタイトル(title)と本の中の見出し(h1とか)と見てみるとイメージしやすいかもしれませんね.
(2008/04/18 03:19:22 PM)
Re:<h1>要素（タグ）の適正な使い方についてふと気づく(04/17)
o-rinn
さん
むーん。考えてもみなかったけど言われてみればの感ありです。つ！さんのコメントも読んで、なるほどね～と。ページに書かれている文のキーワードとかも<h>でいいのかなぁ…。でも同じページに何個も書くのは意味がない？？考え出すと？？です。
(2008/04/18 04:33:14 PM)
Re[1]:<h1>要素（タグ）の適正な使い方についてふと気づく(04/17)
つ!さん
＞例えば本みたいに考えてみると 本のタイトル(title)と本の中の見出し(h1とか)と見てみるとイメージしやすいかもしれませんね.
ページが１ページしかなかったら迷わないんですよね。
h1はクリアになったんだけど今度はページタイトルだ！
会社のサイトとかだと
「会社概要：○○株式会社」だったりするでしょう。
それはタイトルとしてふさわしいの？って思っちゃったりね（汗）
(2008/04/18 06:58:25 PM)
＞例えば本みたいに考えてみると 本のタイトル(title)と本の中の見出し(h1とか)と見てみるとイメージしやすいかもしれませんね.
ページが１ページしかなかったら迷わないんですよね。
h1はクリアになったんだけど今度はページタイトルだ！
会社のサイトとかだと
「会社概要：○○株式会社」だったりするでしょう。
それはタイトルとしてふさわしいの？って思っちゃったりね（汗）
(2008/04/18 06:58:25 PM)
Re[1]:<h1>要素（タグ）の適正な使い方についてふと気づく(04/17)
o-rinnさん
h1は見出しだから、１ページにそこまで沢山出てこないでしょう。
キーワードにあたる部分を見出しタグで書くんじゃなくて
それらはstrongだったりemだったりになってきますね。
こちらも何でもかんでもってのは、いかがなものかと思いますが。
(2008/04/18 07:00:28 PM)
h1は見出しだから、１ページにそこまで沢山出てこないでしょう。
キーワードにあたる部分を見出しタグで書くんじゃなくて
それらはstrongだったりemだったりになってきますね。
こちらも何でもかんでもってのは、いかがなものかと思いますが。
(2008/04/18 07:00:28 PM)
Re[2]:<h1>要素（タグ）の適正な使い方についてふと気づく(04/17)
o-rinn
さん
＞それらはstrongだったりemだったりになってきますね。
コメントありがとうございます。strong、emなど初めて知りました。師匠の講義が懐かしいです。<ｈ>も師匠の講義で習ったものですしね＾＾
(2008/04/19 08:38:59 AM)
コメントありがとうございます。strong、emなど初めて知りました。師匠の講義が懐かしいです。<ｈ>も師匠の講義で習ったものですしね＾＾
(2008/04/19 08:38:59 AM)
おこんにちは！
salsa さん
まいまいさん、どうもー。
忘れた頃にやってくるウェブ屋仲間です。
というのは、Googleリーダーの中でひときわでっかく表示されたタイトルだったからです(笑)
どうやら、この記事タイトルのカッコで囲まれた「h1」がタグとして認識されているらしいよｗ
そういえば今の会社のサイト、ソースを見返してみたら企業ロゴ、トップだけh1で、あとのページはdivでくくってあったわ。わー、考えられてるー。（自分が組んだワケじゃないので）
でも個人ブログでは面倒臭いので今のままで行きますｗ
そもそもどうしたってバナーとか、Amazonの商品リンクとか張るじゃない。すると、ひどいソースのものが多いじゃない？ XHTMLなのにイメージタグ閉じてなかったり、ソースチェックにかけるとだらだらとエラー返されたり。で、「ソースは改変しないで張ってください」とか書いてやがるｗ
最低限は直すけど、バナーとかって変えていくものだからいちいち直すのも。ねえ。
まあ意地悪い人はもしかしたらCSSやらJSやらソースまで覗いて、バリデータチェックとかかけて、「うわー、Web屋とかコーダーとか書いてるくせにひでーコイツ。ぷぷぅ(笑)」とかいう暇なことを…しているかどうかはわかりませんが、まあいいです別に。（なげーよ
んあー、お互いどうしてもコメント長くなるね (*´∀｀* )
それではー。 (2008/04/19 01:00:04 PM)
忘れた頃にやってくるウェブ屋仲間です。
というのは、Googleリーダーの中でひときわでっかく表示されたタイトルだったからです(笑)
どうやら、この記事タイトルのカッコで囲まれた「h1」がタグとして認識されているらしいよｗ
そういえば今の会社のサイト、ソースを見返してみたら企業ロゴ、トップだけh1で、あとのページはdivでくくってあったわ。わー、考えられてるー。（自分が組んだワケじゃないので）
でも個人ブログでは面倒臭いので今のままで行きますｗ
そもそもどうしたってバナーとか、Amazonの商品リンクとか張るじゃない。すると、ひどいソースのものが多いじゃない？ XHTMLなのにイメージタグ閉じてなかったり、ソースチェックにかけるとだらだらとエラー返されたり。で、「ソースは改変しないで張ってください」とか書いてやがるｗ
最低限は直すけど、バナーとかって変えていくものだからいちいち直すのも。ねえ。
まあ意地悪い人はもしかしたらCSSやらJSやらソースまで覗いて、バリデータチェックとかかけて、「うわー、Web屋とかコーダーとか書いてるくせにひでーコイツ。ぷぷぅ(笑)」とかいう暇なことを…しているかどうかはわかりませんが、まあいいです別に。（なげーよ
んあー、お互いどうしてもコメント長くなるね (*´∀｀* )
それではー。 (2008/04/19 01:00:04 PM)
Re:おこんにちは！(04/17)
salsaさん
＞まいまいさん、どうもー。
＞忘れた頃にやってくるウェブ屋仲間です。
サルサさんが来てくれて嬉しい♪ですよっっと。
＞どうやら、この記事タイトルのカッコで囲まれた「h1」がタグとして認識されているらしいよｗ
あらま、Googleリーダーはそんな仕様なのか。
仕様というか、それってどーよーぉ！（笑）
理由はどうあれ、一際目立って何よりです。
＞でも個人ブログでは面倒臭いので今のままで行きますｗ
＞そもそもどうしたってバナーとか、Amazonの商品リンクとか張るじゃない。すると、ひどいソースのものが多いじゃない？ XHTMLなのにイメージタグ閉じてなかったり、ソースチェックにかけるとだらだらとエラー返されたり。で、「ソースは改変しないで張ってください」とか書いてやがるｗ
はい、書いてやがりますねー。
くそぉ！とか思いながらもそのまま使わざるを得ないというか･･･
＞んあー、お互いどうしてもコメント長くなるね (*´∀｀* )
ノープロブレムっざまぁす！
私の近くにもサルサさんのこと知っている人がいるんです。
文章の書き方独特で、気に入っている？らしいですよ。
(2008/04/19 04:14:16 PM)
＞まいまいさん、どうもー。
＞忘れた頃にやってくるウェブ屋仲間です。
サルサさんが来てくれて嬉しい♪ですよっっと。
＞どうやら、この記事タイトルのカッコで囲まれた「h1」がタグとして認識されているらしいよｗ
あらま、Googleリーダーはそんな仕様なのか。
仕様というか、それってどーよーぉ！（笑）
理由はどうあれ、一際目立って何よりです。
＞でも個人ブログでは面倒臭いので今のままで行きますｗ
＞そもそもどうしたってバナーとか、Amazonの商品リンクとか張るじゃない。すると、ひどいソースのものが多いじゃない？ XHTMLなのにイメージタグ閉じてなかったり、ソースチェックにかけるとだらだらとエラー返されたり。で、「ソースは改変しないで張ってください」とか書いてやがるｗ
はい、書いてやがりますねー。
くそぉ！とか思いながらもそのまま使わざるを得ないというか･･･
＞んあー、お互いどうしてもコメント長くなるね (*´∀｀* )
ノープロブレムっざまぁす！
私の近くにもサルサさんのこと知っている人がいるんです。
文章の書き方独特で、気に入っている？らしいですよ。
(2008/04/19 04:14:16 PM)
イジリっぱなしで。。。
また、元のデザイン（ＨＰ）に直したりして。
付け焼刃なので、h1とか、以下についても、テンプレそのまま、適当に作ってます。汗
ちゃんと勉強しながら、やらないと～って、読んで思わせていただきました。
コンテンツを作ることに励まねばならないので、手が回らないけど。＾＾
オマケ・・・便利ですよね～！
最近、私もリンクを辿って見つけたのですが、使えるトコなくて（？）放置中～。笑 (2008/04/20 02:01:29 AM)
付け焼刃なので、h1とか、以下についても、テンプレそのまま、適当に作ってます。汗
ちゃんと勉強しながら、やらないと～って、読んで思わせていただきました。
コンテンツを作ることに励まねばならないので、手が回らないけど。＾＾
オマケ・・・便利ですよね～！
最近、私もリンクを辿って見つけたのですが、使えるトコなくて（？）放置中～。笑 (2008/04/20 02:01:29 AM)
Re:イジリっぱなしで。。。(04/17)
yumeri@nagoyaさん
＞オマケ・・・便利ですよね～！
＞最近、私もリンクを辿って見つけたのですが、使えるトコなくて（？）放置中～。笑
あ、こんにちは。
あのツール、楽天でも使えたらいいのにね。
私は、とあるところで試用中です。
(2008/04/20 10:51:02 AM)
＞オマケ・・・便利ですよね～！
＞最近、私もリンクを辿って見つけたのですが、使えるトコなくて（？）放置中～。笑
あ、こんにちは。
あのツール、楽天でも使えたらいいのにね。
私は、とあるところで試用中です。
(2008/04/20 10:51:02 AM)
どうもどうもっと。
salsa さん
＜、＞はでも、タイトルに使うのは賭けな感じではありますよ。
といって、実体参照で書いても逆に本記事でタグとして解されなかったりするから微妙よね。
あー、腹痛い。（関係ない
私のことをご存じの方？
あら恥ずかしい。
私に惚れるなよ、とお伝えください。（何様だ
んではー！ (2008/04/20 11:11:22 PM)
といって、実体参照で書いても逆に本記事でタグとして解されなかったりするから微妙よね。
あー、腹痛い。（関係ない
私のことをご存じの方？
あら恥ずかしい。
私に惚れるなよ、とお伝えください。（何様だ
んではー！ (2008/04/20 11:11:22 PM)
Re:どうもどうもっと。(04/17)
salsaさん
＞＜、＞はでも、タイトルに使うのは賭けな感じではありますよ。
＞といって、実体参照で書いても逆に本記事でタグとして解されなかったりするから微妙よね。
「賭け」は良かったですね！
こういう時、使う人のことについて「はっ！」って思うんですよねー。
＞あー、腹痛い。（関係ない
何か変なもの、食べました？
フォクスケの餌とか（笑）
＞私のことをご存じの方？
＞あら恥ずかしい。
＞私に惚れるなよ、とお伝えください。（何様だ
らじゃー！
(2008/04/21 06:21:51 PM)
＞＜、＞はでも、タイトルに使うのは賭けな感じではありますよ。
＞といって、実体参照で書いても逆に本記事でタグとして解されなかったりするから微妙よね。
「賭け」は良かったですね！
こういう時、使う人のことについて「はっ！」って思うんですよねー。
＞あー、腹痛い。（関係ない
何か変なもの、食べました？
フォクスケの餌とか（笑）
＞私のことをご存じの方？
＞あら恥ずかしい。
＞私に惚れるなよ、とお伝えください。（何様だ
らじゃー！
(2008/04/21 06:21:51 PM)
WEBデザイナーの卵
CSS困惑中 さん
Re:WEBデザイナーの卵(04/17)
CSS困惑中さん
こんにちは。
私はCSSは独学です。
独学でもなんとかなるもんです。
もちろん迷う時や間違えるときもあるけど
いろんなブラウザで表示してみたり
工程を考えたりして、よりシンプルにかけるようになっていくんだと思います。
この記事のように、こんなことで迷うんかい！ってことにも遭遇するけど
パズルのようにはめ込んでいけるスタイルシートは楽しいですよ。
CSS困惑中さん。
困惑して当然ですよ。大丈夫。
本に書いてあるとおりに記述しても
あれー？？？なんてこともありますし
クライアントさんのスキルや環境、予算によっても･･･
作り方って変わってきますから
一概にこれだ！なんて、ひとつの方法じゃ、うまくいかないんですよね。現場って。
これから、どこかに就職してお仕事で使っていくのでしょうか？
フリーで活動されるのでしょうか。
どちらにしても、やっていくうちに慣れていきますよ。
まずは、簡単な書籍や、雑誌の特集なんかで
じっくりとひとつ作り上げてみるといいと思います。
お気に入りのサイトのスクリーンショットを撮って
デザイナーさんにいただくデータだと思って
作り上げてみるのもひとつの習得手段だと思いますよ＾＾
(2008/04/25 04:51:40 PM)
こんにちは。
私はCSSは独学です。
独学でもなんとかなるもんです。
もちろん迷う時や間違えるときもあるけど
いろんなブラウザで表示してみたり
工程を考えたりして、よりシンプルにかけるようになっていくんだと思います。
この記事のように、こんなことで迷うんかい！ってことにも遭遇するけど
パズルのようにはめ込んでいけるスタイルシートは楽しいですよ。
CSS困惑中さん。
困惑して当然ですよ。大丈夫。
本に書いてあるとおりに記述しても
あれー？？？なんてこともありますし
クライアントさんのスキルや環境、予算によっても･･･
作り方って変わってきますから
一概にこれだ！なんて、ひとつの方法じゃ、うまくいかないんですよね。現場って。
これから、どこかに就職してお仕事で使っていくのでしょうか？
フリーで活動されるのでしょうか。
どちらにしても、やっていくうちに慣れていきますよ。
まずは、簡単な書籍や、雑誌の特集なんかで
じっくりとひとつ作り上げてみるといいと思います。
お気に入りのサイトのスクリーンショットを撮って
デザイナーさんにいただくデータだと思って
作り上げてみるのもひとつの習得手段だと思いますよ＾＾
(2008/04/25 04:51:40 PM)
【毎日開催】
15記事にいいね！で1ポイント
