htmlタグメモ
head内
<html>
HTML文書だということを表す。HTMLにおいて基点となる要素
<head>
HTML文書のヘッダ部分。ブラウザに表示されない。この中に検索エンジンのための説明文やCSSファイルへのリンク、ページタイトルなどを記述する
<meta>
言語や説明文など、ページの情報を記述する
<titile>
ページタイトル。この部分がブラウザのタイトルやブックマークのページタイトルとして表示される
<link>
参照する外部ファイル、主にCSSファイルを読み込む時に使う
<body>
HTML文書のコンテンツ部分。この中に書かれたものがブラウザに表示される。
コンテンツ内
<h1 ~ h6>
見出しを表示
<p>
文章の段落
<img>
画像を表示、src属性で表示させたい画像を指定する
<a>
リンクを貼る。
<ui>
番号のない箇条書きリスト
<oi>
番号付き箇条書きリスト
<li>
リストの各項目
<br>
改行
<strong>
強い重要性要素
<blockquote>
引用文
<small>
著作権表示や法的表示
<span>
意味の持たないインライン要素。CSSで一部分のみ装飾する時に利用する
<audio>
音声のデータを埋め込む時に利用する
<video>
動画のデータを埋め込む時に利用する
<script>
スクリプトデータを埋め込んだり参照する。通常Javascriptのコードに使う。
表
<table>
表を表すタグ
<tr>
表の1行を囲む
<th>
表の見出しとなるセルを作成
<td>
表のデータとなるセルを作成
フォーム
form
フォームを作成する
input type="text"
1行テキスト入力
input type="checkbox"
ラジオボタン
input type="submit"
送信ボタン
select
セレクトボックス
option
セレクトボックスの選択項目を表示
textarea
複数行テキスト入力欄
label
フォームのラベル。フォームのパーツと項目の名前を関連付けする
グループ分け用ブロック要素
<header>
ページ上部にある要素。主にロゴやページタイトル、メインナビを囲む
<nav>
メインのナビメニュー
<article>
ページ内の記事となる部分。そこだけをみても独立したページとして成り立つように内容を囲む
<section>
一つのテーマを持ったグループ
<main>
ページのメインコンテンツ部分
<aside>
本文でない補足情報。メインコンテンツと関連性が低い情報を使う
<footer>
ページ下部にある要素。多くの場合コピーライトやSNSリンクなどを含む
<div>
意味を持たないブロック要素