HTML ファイル内に直接 JavaScript のコードを記述する代わりに、別のファイルに JavaScript のコードを記述し、そのファイルを HTML ファイルから読み込むことができます。同じコードを複数の HTML ファイルで利用する場合などに便利です。ここでは JavaScript のコードを別のファイルに記述する方法について解説します。
JavaScriptのコードを別のファイルに記述する
HTML ファイル内に直接 JavaScript のコードを記述する代わりに、別のファイルに JavaScript のコードを記述し、そのファイルを HTML ファイルから読み込むことができます。同じコードを複数の HTML ファイルで利用する場合などに便利です。ここでは JavaScript のコードを別のファイルに記述する方法について解説します。
HugeDomains.com
Captcha security check uka-p.com is for sale Please prove you're not a robot View Price Processing
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
コピペできるDOCTYPE宣言とエトセトラ @ WWWPArtisan
Web制作で主に使用されるHTML4.01、XHTML1.0、XHTML1.1、HTML5の(XML宣言と)DOCTYPE宣言、head要素内の各要素をまとめてコピペできるようまとめました。 HTML 4.01 Strict DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="tex
シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ～ HTMLを書く道具 ～ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう！」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
文字コード宣言は行いましょう(CSS) - Web標準普及プロジェクト
文字コード宣言は行いましょう(CSS) 注意:文字コード宣言を何故行うべきなのか、 ということについては「文字コード宣言は行いましょう(HTML)」を参照してください。 CSSファイルで日本語というとピンと来ない人もいるかと思いますが、font-familyや、content等、 日本語を用いる可能性のあるプロパティも存在しています。 また、CSSファイル内にコメントを記述する場合は多くの人が日本語を使用すると思います。 日本語のプロパティ値を使う場合には文字コード宣言が無いとMozillaはそのプロパティの値を誤って解釈し、思い通りの表示にならないかもしれません。 また、コメント中の日本語が原因で最悪、そのCSSファイル内の指定が全て無効になってしまうかもしれません。 CSSファイルでもできる限り文字コードを宣言するようにしましょう。 CSSファイルでの文字コード宣言の仕方 CSSファイ
各HTMLバージョンのDOCTYPE宣言のサンプル集
当ページの概要 HTML,XHTMLで使えるDOCTYPE宣言(公開識別子とシステム識別子)などを分かりやすく使いやすくリストにまとめました。 各HTMLバージョンのDOCTYPE宣言(公開識別子とシステム識別子) HTMLでは、バージョンごとに使用できる要素(タグ)や属性、要素の配置のしかたについて厳密に定義されています。これはDTD(Document Type Definition:文書型定義)をDOCTYPE宣言で指定することで、そのバージョン規則に添って表示します。 簡単なメモ書きですので、参考までに。間違っていたらお教え下さい。 HTMLには以下のようなDTDがあります。目的に応じて使い分けてください。他にも大量にあります。 HTML 1.0 DTD HTML 1.0用のDOCTYPEなし HTML 2.0 DTD (RFC1866) [1994年に標準化] <!DOCTYPE
form action="#"
<form action="#">は、ボタンをページの先頭にジャンプするリンクの変わりに使う場合に使用します。 <form>で、送信ボタン（<input type=submit>等）を押すと、action=""で指定したURLにジャンプします。 通常actionには実行するCGIのURL名が入りますが、単にリンクの変わりに使う事ができます。 たとえば <form action="aaa.html"> <input type=submit value="aaaへ"> </form> とやると、aaa.htmlへリンクするボタンができます。 actionに"#"と書く件ですが、これは<a href="#">の変わりになります。 fibre102さんは、<a name="">タグは判りますか？ アンカータグと言い、ページの任意の位置にタグを置いておくと、その場所にリンクを張れるようになります。
文字コード宣言は行いましょう(HTML) - Web標準普及プロジェクト
文字コード宣言は行いましょう(HTML) HTMLで日本語を使用する場合、そのファイルの保存方法が複数存在します。 それはいくつかのルールを使用して日本語を保存し、ブラウザがそのルールに則って読みとることで表示するためです。 このルールのことを文字の符号化方式と言います。 何故文字コードの宣言が必要なのか 保存する時の文字コードとブラウザが読みとる時に使う文字コードが違っていると文字化けが発生してしまいます。 これは一部の符号化方式を除き、そのファイルがどのような文字コードで保存されたものなのかをブラウザが判別できる確実な手段が無いために発生します。 しかし、そのHTMLファイルの作者がブラウザに対してどのような文字コードで保存したのかを明示することによってブラウザは確実に表示できるようになります。 それが文字コードの宣言です。文字コードは次のようにmetaタグを使って宣言します。 ISO
初心者のためのホームページ作り-Web for beginner ホームページ作成支援
Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML基本 XHTML DTD / HTM
HTMLタグ/HTMLの基本/タグの基本と使い方 - TAG index
上記の例では、リンクを設定する要素（a）に、リンク先を指定するための属性（href=""）を追加して、その値に index.html を指定しています。 使用できる属性は要素により異なります。 要素には、開始タグと終了タグをセットで使用するタイプと、単体で使用する（終了タグを必要としない）タイプがあります。 <p>HTMLリファレンス</p> 上記の例では、<p> が開始タグで </p> が終了タグになります。終了タグにはスラッシュ（ / ）が入ります。 次のように、開始タグのみで使用する要素もあります。（内容を持たないこのような要素を空要素といいます） <img src="example.gif" alt="サンプル">
属性名の読み方
Updated 2005.09.13 / Published 2005.09.13 HTML4.01, XHTML1.0, XHTML1.1で定義されている属性名の発音ガイド（読み方）です。アルファベットを一文字ずつ発音するのか、頭字語として一つの単語のように発音するのかにわかれます。 A-Z属性名索引 abbrエービービーアール acceptアクセプト accept-charsetアクセプトチャーセット accesskeyアクセスキー actionアクション alignアライン alinkエーリンク altオルト archiveアーカイブ axisアクシス backgroundバックグラウンド balanceバランス behaviorビヘイビア bgcolorビージーカラー borderボーダー bottommarginボトムマージン cellpaddingセルパディング cellspa
JavaScriptで入力チェック・文字を入力制限する方法 [ホームページ作成] All About
フォームに入力された文字を送信前にチェックしたい ウェブ上のフォームに入力された内容が期待通りの規則に沿った文字になっているかどうかを、送信前に自動チェックできると便利です。メールアドレスを書いてほしいテキスト入力欄に住所が日本語で入力されていたり、電話番号を書いてほしいテキスト入力欄に郵便番号が入力されていたりすると、そのまま送信されても困ってしまいますから。 そこで本記事では、HTML5の仕様を使って簡単に入力チェックをする方法と、JavaScriptを使って詳細な入力チェック機能を作る方法をご紹介いたします。テキスト入力欄に望まない文字が入力されていないかどうかを自動でチェックする仕組みを用意しておけば、ユーザにとってもサイト運営者にとっても手間が省けて便利です。 【本記事の目次】 スクリプトを使わずに、HTMLだけで入力チェックする方法 (p.1) では、JavaScriptを使っ
![JavaScriptで入力チェック・文字を入力制限する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/75ec97343e9558225beca6307a5407f5adc10b96/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F5%2F4%2F201612051203%2Ftopimg_original.png)
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5shiv - Project Hosting on Google Code
HTMLタグ/リンクタグ/リンク先ページの表示フレーム（ウィンドウ）を指定する - TAG index
http://www.near-mint.com/blog/429
http://msugai.fc2web.com/web/tips/meta.html
Ajax » Spry: ウィジェット（UIコントロール） » Form Validate（フォーム入力チェック）| PHP & JavaScript Room
ページをブックマークして共有する - はてなブックマーク