HTMLでJavaScriptファイルを読み込む方法
HTMLでJavaScriptを読み込むには以下のようにHTMLを記述する必要がある。 JavaScriptファイルの読み込み – HTMLファイル <script type=”text/javascript” src=”JavaScriptファイルのパス”></script>...
View Articleリンクテキスト色の設定方法(HTML、CSS)
HTMLのリンクはaタグを用いる。リンクに対するCSSの様々な設定について書く。 aタグの基本 <a href="リンク先のURL">リンクテキスト</a> 例えば、当サイトのトップページへのリンクを貼る場合 <a href="http://monopocket.jp">monopocket.jp</a> のように書くと、 monopocket.jp...
View Articleリンクを新規タブで開かせる方法(HTML)
自分のサイトに参考や引用したサイト、お勧めのサイトとして、他のサイトのリンクを貼ることがあると思うが、こういった際には自分のサイトのためにもユーザーのためにも新しいタブでリンクを開かせる方が良いだろう。 なぜ自分のサイトのために良いか。それは、自分のサイトから他のサイトにページ遷移した際に、タブとして残ることでもう一度アクセスしてくれる、覚えてくれるなど、ページビューの増加に繋がるからだ。...
View ArticleHTML5の宣言文(DOCTYPE宣言)
最近HTML5を使ってコードを書く機会があったので、以後HTML5の記事も書いていく予定。 ということで、まずHTML5を書く上で必要な宣言文(=DOCTYPE宣言)について記述する。宣言文はhtml文書の先頭に記述する必要がある。そのため、htmlタグの前に書く必要がある。 HTMLを書く際には、ブラウザにどのバージョンのHTMLかを伝える必要がある。HTML4.01の場合は HTML4.01...
View ArticleHTML5を用いたテンプレート
前回はHTML5のDOCTYPE宣言について紹介したが、今回はHTML5を日本語で書く テンプレートを紹介する。 HTML5で最小限必要な要素 最小限必要な要素は、DOCTYPE宣言。今回htmlタグ、headタグ、bodyタグを記述したが、HTML5からはこれらのタグは省略できるようだ。ただ、これらのタグがないと気持ち悪いので記述する。これを記述したものが以下のコード HTML5で最小限必要な要素...
View ArticleHTML5でフォーム入力を必須にする方法
HTML5でフォームの指定の幅が広がった。今回はHTML5で入力を必須にする方法を紹介する。 HTML5でフォーム入力を必須にする方法 HTML5でフォーム入力を必須にするには、inputタグ内に「required」と記述すればよい。以下のログインフォームのサンプルで説明する。...
View ArticleHTML5、CSS3のブラウザ毎の対応状況が確認できるサイト
HTML5、CSS3はブラウザによって対応状況が異なる。実際にHTML5やCSS3を用いてコーディングしていても、使用しているブラウザが対応していなかったら動作確認もできない。今回ブラウザ毎の対応状況を一覧にして、公開しているサイトを紹介する。 findmebyIP.comというサイトの「HTML5 & CSS3 Support」ページで紹介されている。以下にリンクを貼っておく。 HTML5...
View ArticleHTML5、CSSを用いた中央寄せのテンプレート
以前HTML5のテンプレートと、CSSを用いた中央寄せの記事を書いた。今回はこれらを合体させて、HTML5における中央寄せのテンプレートを紹介する。 過去の記事は以下。 HTML5を用いたテンプレート CSSによる中央寄せのクロスブラウザ化 HTML5、CSSを用いた中央寄せのテンプレート...
View Articlebutton要素のデザインを変更する方法(HTML、CSS)
以前「フォームのsubmitボタンのデザインを変更する方法(CSS)」という記事を書いたが、大した指定を記述していなかったため、今回はデモページを設けて様々なデザインの方法を記述する。 この記事では一部CSS3を用いるので、ブラウザによっては対応していない。基本的に、Google...
View ArticleHTML5 では 1 ページに複数 h1 を配置するのがスパム行為にならない?
SEO (検索エンジン最適化) の定説として、1 ページに複数 h1 タグを用いたらスパムと認識されるというものがあった。 これは、h1 タグは本来そのページの大見出しで、それが複数存在するのは意味的におかしいから。そして、SEO の効果として h1 タグの内容は重要視される(と言われている)ので、1 ページに h1...
View ArticleGoogle Chrome で Application Cache を削除する方法
この記事では、Google Chrome で Application Cache を削除する方法を紹介する。 スーパーリロードなどでは削除してくれず、忘れそうなので以下に方法を記述しておく。 Google Chrome で Application Cache を削除する方法 1. Chrome で以下をアドレスバーに貼ってアクセス about:appcache-internals 2....
View Article
More Pages to Explore .....