HTML / CSS / React UI 參考
可搜尋的常見 HTML 元素和 CSS 屬性參考,附有簡短準確的英語和日語說明。
64 entries
| Name | Description |
|---|---|
<html> | Root element of an HTML document. |
<head> | Container for document metadata not shown on the page. |
<title> | Document title shown in the browser tab and search results. |
<meta> | Metadata such as charset, viewport and description. |
<link> | Links an external resource such as a stylesheet. |
<style> | Embeds CSS inside the document. |
<script> | Embeds or loads executable JavaScript. |
<body> | The visible content of the document. |
<header> | Introductory content or navigation for a page or section. |
<nav> | A section of navigation links. |
<main> | The dominant content of the document; one per page. |
<section> | A thematic grouping of content, usually with a heading. |
<article> | Self-contained content that can stand alone, like a blog post. |
<aside> | Content tangentially related to the main content, like a sidebar. |
<footer> | Footer for a page or section, often with copyright info. |
<h1–h6> | Headings, level 1 (most important) through level 6. |
<p> | A paragraph of text. |
<a> | A hyperlink to another page, file or anchor. |
<strong> | Important text, typically rendered bold. |
<em> | Emphasized text, typically rendered italic. |
<small> | Side comments and small print. |
<code> | A short fragment of computer code, in monospace. |
<pre> | Preformatted text; whitespace and line breaks are preserved. |
<blockquote> | A section quoted from another source. |
<hr> | A thematic break, rendered as a horizontal rule. |
<br> | A single line break. |
<ul> | An unordered (bulleted) list. |
<ol> | An ordered (numbered) list. |
<li> | A list item inside ul, ol or menu. |
<dl> | A description list of terms and descriptions. |
<dt> | A term inside a description list. |
<dd> | A description inside a description list. |
<table> | Tabular data arranged in rows and columns. |
<thead> | Groups the header rows of a table. |
<tbody> | Groups the body rows of a table. |
<tr> | A row of cells in a table. |
<th> | A header cell in a table. |
<td> | A data cell in a table. |
<caption> | A title for a table. |
<form> | A section of controls submitted to a server or handled by script. |
<input> | A typed data field: text, number, checkbox, file and more. |
<button> | A clickable button. |
<select> | A drop-down list of options. |
<option> | An option inside a select element. |
<textarea> | A multi-line text input. |
<label> | A caption bound to a form control. |
<fieldset> | Groups related form controls. |
<legend> | A caption for a fieldset. |
<img> | Embeds an image; alt text describes it for accessibility. |
<picture> | Container for multiple image sources chosen by the browser. |
<figure> | Self-contained media with an optional caption. |
<figcaption> | A caption for a figure. |
<video> | Embeds a media player for video. |
<audio> | Embeds a media player for audio. |
<source> | Specifies a media resource for picture, video or audio. |
<iframe> | Embeds another HTML page inside this one. |
<canvas> | A bitmap area drawable with JavaScript. |
<svg> | Embeds scalable vector graphics. |
<div> | A generic block-level container with no meaning of its own. |
<span> | A generic inline container with no meaning of its own. |
<details> | A disclosure widget the user can open and close. |
<summary> | The visible heading of a details element. |
<dialog> | A dialog box, modal or non-modal. |
<template> | Markup held inert until cloned by script. |
使用方法
Switch between the HTML elements and CSS properties tabs, and type in the search box to filter instantly. The HTML table covers about 60 common elements with one-line descriptions; the CSS table covers about 60 common properties with their syntax, typical values and a description. Search matches names and descriptions in both languages.
注意事項
This is a quick-reference extract of everyday items, not a complete specification. For exact definitions and browser support, check a primary source such as MDN Web Docs. The data is bundled with the page and the search runs locally in your browser.
常見問題
Some elements and properties are missing
Yes — this is a curated extract of common items. Rare elements, experimental features and SVG/MathML-specific elements are not included.
Does it cover React syntax?
This page is an HTML/CSS reference. React-specific syntax such as className is out of scope, but the underlying HTML and CSS knowledge applies directly.