UIリファレンス

よく使うHTML要素とCSSプロパティを検索できるリファレンス。英日両言語の簡潔で正確な説明つき。

検索

64 件

名前	説明
`<html>`	HTML文書のルート要素。
`<head>`	ページに表示されない文書のメタデータを入れる。
`<title>`	ブラウザのタブや検索結果に表示される文書タイトル。
`<meta>`	文字コード、ビューポート、説明文などのメタデータ。
`<link>`	スタイルシートなど外部リソースを関連付ける。
`<style>`	文書内にCSSを埋め込む。
`<script>`	JavaScriptを埋め込む、または読み込む。
`<body>`	文書の表示される本体。
`<header>`	ページやセクションの導入部やナビゲーション。
`<nav>`	ナビゲーションリンクのまとまり。
`<main>`	文書の主要コンテンツ。1ページに1つ。
`<section>`	見出しを伴うテーマ単位のまとまり。
`<article>`	記事など単独で成立するコンテンツ。
`<aside>`	サイドバーなど本文に間接的に関係する内容。
`<footer>`	ページやセクションのフッター。
`<h1–h6>`	見出し。レベル1が最重要でレベル6まで。
`<p>`	テキストの段落。
`<a>`	他ページやアンカーへのハイパーリンク。
`<strong>`	重要なテキスト。通常は太字で表示。
`<em>`	強調するテキスト。通常は斜体で表示。
`<small>`	注記などの小さな文字。
`<code>`	短いコード片。等幅フォントで表示。
`<pre>`	整形済みテキスト。空白や改行がそのまま保持される。
`<blockquote>`	他からの引用ブロック。
`<hr>`	話題の区切り。水平線として表示。
`<br>`	改行。
`<ul>`	順序なしリスト（箇条書き）。
`<ol>`	順序付きリスト（番号付き）。
`<li>`	リストの項目。
`<dl>`	用語と説明のリスト。
`<dt>`	説明リストの用語。
`<dd>`	説明リストの説明文。
`<table>`	行と列からなる表データ。
`<thead>`	表のヘッダー行のグループ。
`<tbody>`	表の本体行のグループ。
`<tr>`	表の1行。
`<th>`	表の見出しセル。
`<td>`	表のデータセル。
`<caption>`	表のタイトル。
`<form>`	送信や処理の対象となる入力コントロールのまとまり。
`<input>`	テキスト、数値、チェックボックス、ファイルなどの入力欄。
`<button>`	クリックできるボタン。
`<select>`	選択肢のドロップダウンリスト。
`<option>`	select内の選択肢。
`<textarea>`	複数行のテキスト入力欄。
`<label>`	フォームコントロールに結びついたラベル。
`<fieldset>`	関連するフォームコントロールをまとめる。
`<legend>`	fieldsetの見出し。
`<img>`	画像を埋め込む。altは代替テキスト。
`<picture>`	ブラウザが選ぶ複数画像ソースの入れ物。
`<figure>`	キャプション付きの独立したメディア。
`<figcaption>`	figureのキャプション。
`<video>`	動画プレイヤーを埋め込む。
`<audio>`	音声プレイヤーを埋め込む。
`<source>`	picture・video・audioのメディアリソースを指定。
`<iframe>`	別のHTMLページを埋め込む。
`<canvas>`	JavaScriptで描画できるビットマップ領域。
`<svg>`	ベクターグラフィックスを埋め込む。
`<div>`	意味を持たない汎用のブロックレベル入れ物。
`<span>`	意味を持たない汎用のインライン入れ物。
`<details>`	開閉できる開示ウィジェット。
`<summary>`	detailsの見出し部分。
`<dialog>`	モーダルなどのダイアログボックス。
`<template>`	スクリプトで複製するまで無効なマークアップ。

使い方

タブで「HTML要素」と「CSSプロパティ」を切り替え、検索欄に名前やキーワードを入力するとその場で絞り込まれます。HTML要素はよく使う約60要素を1行説明付きで、CSSプロパティはよく使う約60プロパティを構文・代表的な値と説明付きで掲載しています。「flex」「table」のように英語名でも、「表」「余白」のように日本語の説明文でも検索できます。

注意事項

これは日常的によく使う項目を抜粋した早見表であり、仕様の完全なリファレンスではありません。正確な定義やブラウザ対応状況はMDN Web Docsなどの一次資料を確認してください。内容はページに同梱されており、検索はブラウザ内で行われます。

よくある質問

載っていない要素やプロパティがあります

はい。よく使うものに絞った抜粋です。マイナーな要素、実験的機能、SVG/MathML専用の要素などは含みません。

Reactの書き方も載っていますか？

このページはHTMLとCSSの早見表です。React固有の記法（classNameなど）は扱いませんが、基になるHTML/CSSの知識としてそのまま役立ちます。