WebCamp・WebCampProを運営する株式会社インフラトップのオウンドメディア【スキルマ】。プログラマー・エンジニア・Webデザイナーを目指す初心者の方に向けた記事や、就職・転職を考えている方向けの記事を発信しています。

【HTML初心者入門】<name>属性とは何?使い方も解説!

プログラミング教室・人気ランキング

順位 スクール名 こんな方におすすめ 公式サイト
   TechAcademy ★雪でも大丈夫★自宅でプログラミング・デザイン・アプリ開発を学びたい方  公式サイト
  Web Camp 【業界最安値】1ヶ月通い放題/Webサービスなど作りたい方 公式サイト
Tech Camp Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方! 公式サイト
▼本記事について
本記事は、『たった1ヶ月で未来を変えられる』初心者向けプログラミングスクール「WebCamp(ウェブキャンプ)や、未経験者でも3ヶ月の学習でエンジニアに転職・就職ができる「WebCampPro(ウェブキャンププロ)」を運営してる株式会社インフラトップが提供しています。

みなさんはHTMLの学習をしていませんか?

今回の記事では<name>タグの使い方や注意点について紹介していきます!

要素の名前を指定する

<name>属性 は、フォーム,フレーム,コントロール,オブジェクトなどの多数の要素で,「要素の名前」を指定します。

使用パターンについて

主に以下のようなパターンがあります。

 1. JavaScript

要素にアクセスする際, この name 属性 の値を用いて,対象要素を特定することができます。

2. input 要素

フォームのデータが送信されるときに,name 属性 の値が付加されており,対象とする要素のデータに簡単にアクセスできます。

また,input 要素 では, name=”_charset_” と name=”isindex” という指定は特別な意味を持ちます。

1. name=”_charset_”

フォームデータのエンコードの種類 を送信します。

2. name=”isindex”

フォームデータの送信の際特別な扱いがなされ, HTML5 では廃止になっ た isindex 要素の動作がエミュレートされます。

3. iframe 要素 と object 要素

name 属性 の値は, a 要素 の target属性 から参照してHTML文書の表示先を指定する 際に使用できます。

各要素での役割とは?

1. form 要素

フォームの名前 を指定します。同じ文書中のほかのフォームと重複する名前は指定できません。

2. iframe 要素

フレームの名前 を指定します。

この名前を a 要素 の target属性 で参照することにより,リンクから複数の HTML文書を切り替えて表示することが出来ます。

3. input 要素

入力コントロールの名前 を指定します。

フォームのデータが送信されるときには,この名前とデータがセットになっており,サーバ側でどのコントロールのデータかを特定するために使われます。

4. map 要素

マップの名前 を指定します。

この name属性 の値はマップの画像を与える img 要素 の usemap属性 によって指定して,画像(img 要素)と マップ(map 要素) を結び付けます。

5. object 要素

object 要素 を使って別の HTML文書を埋め込むと,iframe 要素 と同様に HTML文書を表示させる領域が作成されます。name属性 で,この 領域の名前 を指定します。

また,この名前を a 要素 の target属性 で参照すれば,リンク先のコンテンツが object 要素 のコンテンツとして表示されるようになります。

サンプル


<!DOCTYPE html>
<html>
<head>
<title>WEBページ演習</title>
</head>
<body>
<form method="get" action="/search" role="search">
<fieldset>
<legend accesskey="s">サイト内検索</legend>
<input type="search" name="search" value="" placeholder="検索ワードを入力" />
<input type="submit" name="submit" value="検索" />
</fieldset>
</form>
</body>
</html>

まとめ

初心者の方向けにnameタグを紹介していきましたが、いかがでしたか?

nameタグはWebサイトを作成する上で基本となるタグですので、しっかり基本を抑えてくださいね!

1ヶ月でHTML・CSSができる!「WebCamp」とは?

WebCampは1ヶ月でプログラミング・Webデザインスキルを学ぶ通い放題のプログラミングスクールです。

参加する方の90%は未経験者です!

短期集中型のスクールなので、期間を決めて圧倒的に効率よくサイト制作スキルを身に着けたい方におすすめです!

わからないことを講師にすぐ質問できたり、通い放題で自分のスケジュールに合わせて来校することができるので、独学で学習するよりも早く確実にスキルが身につきます。

学習の疑問点やWebスキルのマスターの仕方がわかる無料説明会も開催しています。ぜひお気軽にお申込みください!

▼未経験から1ヶ月でWebデザイン・プログライミングを学びたい方はこちら!

▼IT未経験からエンジニアに就職・転職したい方はこちら!