上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


 ブログテンプレートをちまちまといじり、とりあえず暫定ながらXHTML1.0 Transitional+CSSのデザインに移行完了。本当はXHTML1.1にしたかったんですがブログだと制約が厳しすぎて断念。
 FC2ブログが勝手に入れる広告のタグの部分がどうしようもなくて、W3CのCSS Validaterは通ったんですが、Markup Validaterには通らなかったのがちょっと悔しい。
 
 XHTML化で気になった点を、忘れないうちにメモメモφ(`д´)

target属性が非推奨(禁止)属性に
<a>タグのプロパティで、リンクをクリックする際に新しくウィンドウを開くなどの指定をしていたtarget="~"プロパティが、XHTML1.0 Transitionalでは非推奨に(ホントはHTML4.01から非推奨?)、XHTML1.1では使用禁止に。
name属性が非推奨(禁止)属性に
<a>、<img>、<form>、<map>タグのプロパティで、ページ内リンクを張る際に使っていたname="~"属性が非推奨要素に。XHTML 1.1では使用禁止に。ただ、<input>タグや<textarea>タグなど、<form>要素の部品になるタグでは使用可能。今後ページ内リンクを張る場合は、id属性を使用して張る。ただ、XHTML1.0の場合はid属性によるページ内リンクに対応していない場合もあるので、idとname属性を同じ値にして設定することが多い・・らしい。
タグやタグの属性名、属性値などは全て小文字
タグ名やタグの属性名、属性値は全て小文字で表記する。<A HREF="~">というのはダメで、<a href="~">という表記が正しい。また、CSSなどの色指定部分も小文字にする必要があるらしい。よく#FF33EEというのがあるけれど、これも#ff33eeにする必要があるとのこと。
全てのタグには閉じタグを使用する
<p>タグや<li>タグなど、閉じタグ(</p>とか</li>とか)が有っても無くてもOKだったタグも、全て閉じタグを使用する。ここら辺はいつも使ってたからそんなに違和感は・・無いかも。
空タグも閉じる
XHTMLのソースで一番特徴的なんじゃないだろうか。<img>タグや<br>タグも、全てスラッシュを付けて閉じなくてはならない。<img src="~" alt="~" />とか<br />みたいな。コレが結構面倒だった・・。
属性値はかならずダブルクォートで囲む
タグの属性値は、HTMLだとダブルクォートで囲もうが囲むまいがOKだったのが、必ず囲まないとダメになった。<img width=430 height=200>とかはダメで、<img width="430" height="200">とかが正しい。
非推奨タグや要素がいろいろと
これはXHTMLの前にも、HTMLでも非推奨だと言われていたタグ。とりあえずリストアップ。たぶん網羅しきれてない^^;
  • <b>タグ
  • <i>タグ
  • <u>タグ
  • <s>タグ
  • <center>タグ
  • <applet>タグ
  • <frame>タグ
  • <frameset>タグ
  • <iframe>タグ
  • align要素(<div align="center">とか)
  • bgcolor要素(<body bgcolor="~">とか)
  • border要素(<img border="1">とか)

 いろいろと変更点が多くて最初は結構とまどった・・^^;
 一度XHTMLで作った後はもう、覚えるしかないんだろうなぁと割り切って納得できましたが。
 
 とりあえず作ってなれるしかなさそうなので、FC2ブログのスキンを2個ほど作成中。なんかガビョウとか紙の切れ端をスキャナで読んで遊んでて出来ちゃったのが1つと、アメーバブログにあってかっこいいな~と思ったスキンを「インスパイア」したものが1つ。 
 
 とりあえずコレも全部、XHTML+CSSで完璧にやるぞー!と意気込んでやってます。

サンプル1 サンプル2
 ちなみにFirefoxの拡張で超便利な物を発見。

 以下引用 by Valid!なXHTMLを学ぶ

Firefox 拡張であるHTML Validatorをダウンロードし、My Computer に取り込みました!
 ページを観覧すると同時に(X)HTML構文チェックをしてくれるという優れものです。
 XML表示と同様にタスクバー(トレイ)右下に収まります。

 こういうかゆいところに手が届く拡張が多いから、やっぱりWEBデザインをするときはFirefoxが良いっすね!

 ちなみに・・FC2ブログの自動挿入タグはなんとかならないんだろうか・・。<br>タグはちゃんとXHTML風に<br />になるのに、imgタグとかはなぜか<img src="~" border="0">になるという。

 統一しろよ!!

XHTMLの書き方と留意点
XHTMLでマークアップする際の簡単な留意点をまとめてあります。こちらも見ておくとXHTMLにするときに役立つかも。

XHTML仕様書
XHTMLの仕様書原文(英語)

いくつかの覚え書き
XHTML1.0や1.1、また1.0~4.01までのHTMLの仕様などを参照できる。
スポンサーサイト


FC2 TEMPLATE

CALENDER

10 | 2017/11 | 12
SUN MON TUE WED THU FRI SAT
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -

CATEGORY

BACKNUMBER

ABOUT ME

序曲

Author : 序曲

群馬というド田舎でWEB関係の仕事をしてる23歳。プログラムからイラストまで幅広く手がけようと思いたったものの、いつのまにか「器用貧乏」を実践している。

2006年、同僚と立ち上げたグループ「INSPIRE DESIGN」でWEBデザインを中心に活動開始。仕事下さい(´・ω・`)

mixiにも生息中。ID:3813679
暇なら声でもかけてくれると嬉しーです。

LINK

RSS FEED

OTHERS

フリーエリア

ブロとも申請フォーム


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。