我很早学过，只是当时没有系统记录笔记，导致过一段时就容易忘记很多东西。本笔记参考了HTML-千古前端图文教程和w3school - HTML

H1Tags

H2<a>

H3Attributes

H4target

• _self: the current browsing context. (Default)
• _blank: usually a new tab, but users can configure browsers to open a new window instead.
• _parent: the parent browsing context of the current one. If no parent, behaves as _self.
• _top: the topmost browsing context (the "highest" context that's an ancestor of the current one). If no ancestors, behaves as _self.

使用 target="_blank" 时记得加上 rel="noreferrer" 则不会报错。

H3mailto:

可以用来发邮件，例如：

<a href="mailto:[email protected]">Send Email</a>

点击该链接可以向 [email protected] 发送邮件

H4properties

• subject - for the subject line（主题）
• cc - for sending a carbon copy（抄送）
• bcc - for sending a blind carbon copy（密送）
• body - for the message's body text（正文）

例如：<a href="mailto:[email protected][email protected], [email protected], &[email protected]&subject=Mail from our Website&body=Some body text here">Send Email</a>

H2<article>

The <article> tag specifies independent, self-contained content.

H2<button>

<button type="button">Click Me!</button>

Inside a <button> element you can put text (and tags like <i>, <b>, <strong>, <br/>, <img>, etc.).

This is not possible with a button created with the <input> element!

Tip: Always specify the type attribute for a <button> element, to tell browsers what type of button it is.

H2<details>

H2<nav>

The <nav> tag defines a set of navigation links.

H2<header>

The <header> element represents a container for introductory content or a set of navigational links.

H2<footer>

The <footer> tag defines a footer for a document or section.

H2<pre>

Preformatted text 预格式化的文本

Text in a <pre> element is displayed in a fixed-width font, and the text preserves both spaces and line breaks. The text will be displayed exactly as written in the HTML source code.

编译后的文本还是保持写的那样，回车空格等

H2<table>

H2<label>

The <label> tag defines a label for many form elements.

Notice the use of the <label> element in the example above.

The <label> element also help users who have difficulty clicking on very small regions (such as radio buttons or checkboxes)

The for attribute of the <label> tag should be equal to the id attribute of the <input> element to bind them together.

H2<input>

H3type

The HTML <input> element is the most used form element.

An <input> element can be displayed in many ways, depending on the type attribute.

Here are some examples:

H4text

The <input type="text"> defines a single-line input field for text input.

Example:

H4radio

The <input type="radio"> defines a radio button.

Radio buttons let a user select ONE of a limited number of choices.

Example:

H4checkbox

The <input type="checkbox"> defines a checkbox.

Checkboxes let a user select ZERO or MORE options of a limited number of choices.

H4submit

The <input type="submit"> defines a button for submitting the form data to a form-handler.

H3Attributes

H3accept

The accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.

H3disabled

The Boolean disabled attribute, when present, makes the element not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control nor its form control descendants.

If the disabled attribute is specified on a form control, the element and its form control descendants do not participate in constraint validation. Browsers often grey out such controls and won't receive any browsing events, like mouse clicks or focus-related ones.

<input name="Date" type="date" disabled>

H4maxlength & minlength

number of characters of value

H4name

Notice that each input field must have a name attribute to be submitted.

Tip: If the name attribute is omitted（省略）, the input field's value will not be sent at all.

H4required

if present, indicates that the user must specify a value.

H2<select>

H1Form

An HTML form is used to collect user input. The user input is most often sent to a server for processing.

H2<form>

The <form> element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc.

H3attributes: action

The action attribute defines the action to be performed when the form is submitted.

Usually, the form data is sent to a file on the server when the user clicks on the submit button.

Example:

On submit, send form data to "action_page.php":

Tip: If the action attribute is omitted, the action is set to the current page.

H3attributes: target

The target attribute specifies where to display the response that is received after submitting the form.

The target attribute can have one of the following values:

H3attributes: method

The method attribute specifies the HTTP method to be used when submitting the form data.

The form-data can be sent as URL variables (with method="get") or as HTTP post transaction (with method="post").

默认值：method="get"

Example: <form action="/action_page.php" method="get">

Notes on GET:

• Appends the form data to the URL, in name/value pairs
• NEVER use GET to send sensitive data! (the submitted form data is visible in the URL!)
• The length of a URL is limited (2048 characters)
• GET is good for non-secure data, like query strings in Google
• Useful for form submissions where a user wants to bookmark the result

Notes on POST:

• Appends the form data inside the body of the HTTP request (the submitted form data is not shown in the URL)
• POST has no size limitations, and can be used to send large amounts of data.
• Form submissions with POST cannot be bookmarked
• Always use POST if the form data contains sensitive or personal information!

H3attributes: autocomplete 自动补全

The autocomplete attribute specifies whether a form should have autocomplete on or off.

When autocomplete is on, the browser automatically complete values based on values that the user has entered before.

默认值：autocomplete="on"

Example: <form action="/action_page.php" autocomplete="on">

H3attributes: novalidate

The novalidate attribute is a boolean attribute.

When present, it specifies that the form-data (input) should not be validated when submitted.

Example:

该例子中，email 格式错了不会被验证

H2<textarea>

The <textarea> tag defines a multi-line text input control.

The <textarea> element is often used in a form, to collect user inputs like comments or reviews.

The size of a text area is specified by the cols and rows attributes (or with CSS).

H3property: resize

TODO

H1Global Attributes

H2tabindex

The tabindex global attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the Tab key, hence the name) and determine their relative ordering for sequential focus navigation.