Age44 Start Web Coding -2ページ目

Age44 Start Web Coding

 44才にはじめてパソコンに触れ、それからHTMLサイトやスクリプトも覚え、気がついたら色々な事が出来るようになってしまった親父のブログです。

 これも検証のためのテスト記事になります。
ブログ記事を書く際の参考にするため、本人以外理解できない、つまらない独り言ばかりがつらつら並んでいるため、参考にはならないことを付け加えておく。

 今回は、原稿全てをエディタでhtmlタグを入れて記載してみる。
理由は単純、WYSIWYGエディタのタグ挿入に関しては、無駄な <br> タグ挿入のケースが非常に多いためである。

 またリストタグに関しては、アメブロWYSIWYGエディタでは入力出来ないので、手元にあるエディタで入力すると、内容文が似ていれば、タグ使用のケースだけでも差別化が図れるのではないか?という思惑もある。

定義リストに関しては、見出しをboldへ変更
 リストのmarginやpadding指定なども行われていなかったので、指定を行う。またblockquoteタグの背景には、薄めの黄色でハッキリと引用文であると判るように、区別化を図る。

 さて、htmlタグ手打ちで使用した場合ではいかなるものか?検証のための色々入れてみよう。

 ところで、hタグは?……途中で記事が収まりきれなくなった場合、h4あたりのタグを使用して、小見出しとして使用する場合の検証を図る

h2見出し

h3の小見出しの場合

h4を使ってみた場合の見出し部分

 変化していないが、まあいいか。
 アメブロで使用する、ブログエディタをどうするのか?という問題も多少なりとも発生するであろう。

 FC2仕様に変更していたTTTをいじるのか、iEditをメインで使用するのか?(タブタイプではないが、記事だけなら問題無いだろう)あまり使いたくないのはez-html…ブログ専用でもいいのだが、ユーザーカスタマイズには不向きな面も多々あるので躊躇しやすい。

 へてむるは、完全サイト作成用なので、ブログエディタからは外しておこう、もったいないと思うなかれが正解なのかもしれないが。

 時には、表を使う場合があるかもしれないので、画像が良いのか?それともタグ入力の方が良いのか?テーブルタグを入れて検証してみる。
あとでテーブルのCSSは付け加えておこう。(テーブル嫌いだが、仕方がない)

                                                                                               
caption…いや、待てHTML5では違うよな。
見出し セル セル セル セル
見出し セル セル セル セル

 記事画面を見て、あとで検証してみよう。

画像の変更で、カスタマイズも施す

 色々手が込んでいるタイプだが、ダイナミックではないので、少々小細工は施しておこうか、インパクト不足もいけないし、バラバラ過ぎるのもいけない。難しいところだが、セオリー通りでも…いや、無視でもいいか。