Shulou(Shulou.com)06/03 Report--

This article will explain in detail what are the common attributes of HTML knowledge points, Xiaobian thinks it is quite practical, so share it for everyone to make a reference, I hope you can gain something after reading this article.

Definition:

HTML attributes: Additional information provided by HTML elements

Simple understanding of HTML attributes:

1. HTML elements can be set attributes

2. Attributes can add additional information to an element

3. Properties General Description and Start Tags

4. Attributes always appear as name or value pairs, e.g. name: "value"

Simple examples to understand attributes:

a link

HTML links are defined by tags, and the address of the link is specified in the href attribute.

HTML common reference attribute values:

Attribute values should always be enclosed in quotation marks.

Double quotes are the most common, but there is no problem with single quotes.

Note: In some cases, such as attribute values that contain double quotes, you must use single quotes, e.g. name='John "ShotGun" Nelson'

HTML Tip: Use lowercase attributes

Properties and property values are case-insensitive.

However, the World Wide Web Consortium recommends lower-case attributes/attribute values in its HTML 4 recommendation.

The newer version of (X)HTML requires lowercase attributes.

HTML Properties Reference Manual

Tag Description Definition Comment Definition Document Type Definition Hypertext Link Definition Abbreviations Definition Initials only, not supported HTML5 Definition Contact information of document author or owner Disapproved in HTML5 Define embedded applets. Define an area inside the image map (New) Define an article area (New) Define the sidebar content of the page (New) Define audio content Define text bold Define the default address or destination for all links in the page. HTML5 is not supported and is not supported. Defines the default font, color, or size for the Chinese text of a page. (New) Allows you to set a paragraph of text away from its parent element's text orientation setting. Define text orientation Define large text, HTML5 does not support defining long references Define the body of the document

Define newlines Define a click button (New) Define graphics, such as charts and other images, labels are only graphics containers, you must use scripts to draw graphics Define table titles HTML5 does not support, disapprove of use. Defines centered text. defining citations defining computer code text defining attribute values for one or more columns in a table defining groups of columns in a table for formatting defining command buttons such as radio buttons, check boxes, or buttons defining lists of options. Use this element with the input element to define the possible values of input. Definition Definition Description of an item in the definition list Definition deleted Text (New) Details used to describe a document or part of a document Definition Item (New) Definition dialog box, such as a prompt box HTML5 does not support, disapproved of use. Define directory lists.

Define the section definition list in the document Details define the item definition in the list Emphasis text (New) Defines embedded content, such as plug-ins Define a border around an element in a form (New) Define an element's title (New) to specify independent flow content (images, diagrams, photos, code, etc.). HTML5 is not supported and is not supported. Defines the font, size, and color of text. (New) Defines the footer of a section or document. A form defining an HTML document defines a frameset window or frame defining a frameset to define an HTML header defining information about the document (New) defining a header area of the document defining horizontal lines defining an HTML document defining italics defining inline frames

Define Image Definition Input Control Definition Inserted Text Definition Keyboard Text (New) specifies the key pair generator field for the form. Defines the annotation of the input element Defines the title of the fieldset element. Define the item of the list Define the relationship between the document and the external resource Define the image map (New) Define the text with the token. Use labels when you need to highlight text. Disapprove of use. Define menu lists. Defines meta information about HTML documents. (New) Definition of weights. Used only for metrics with known maximum and minimum values. (New) The section defining navigation links defines alternative content for users who do not support frames. HTML5 does not support defining alternative content for users who do not support client-side scripting. Define an ordered list of inline object definitions. Defines the combination of related options in the selection list. Defines options in a selection list. (New) Defines different types of output, such as the output of scripts.

Define paragraphs. Defines the parameters of an object. Define preformatted text. (New) Defines the progress (process) in progress. Define short references. The (New) tag is used in ruby comments to define what is displayed by browsers that do not support ruby elements. (New) Tag defines the interpretation or pronunciation of characters (Chinese phonetic or character). (New) label definition ruby comment (Chinese phonetic or character). Disapprove of use. Defines strikethrough text. Define computer code samples. Define client-side scripts. (New) tags define sections in a document. Such as chapters, headers, footers, or other parts of a document. Define the selection list (drop-down list). Define small text. The (New) tag defines media resources for media elements such as and. Defines sections in a document. HTML5 is not supported and is not supported. Define strikethrough text. Define emphasized text. Defines style information for a document. Defines subscript text. The (New) tag contains the title of the details element, which describes detailed information about the document or document fragment. Define superscript text. Define tables. Defines the body content in a table. Define cells in a table. Defines a multiline text input control. Define the contents of table notes (footnotes) in tables. Defines the header cells in a table. Defines the header content in a table. (New) Define date or time, or both. Defines the title of the document. Define rows in a table. The (New) tag specifies external text tracks for media such as video elements. Defines typewriter text. Disapprove of use. Defines underlined text. Define an unordered list. Defines variable parts of text. (New) Tags define video, such as movie clips or other video streams. (New) specifies where in the text it is appropriate to add newlines.

global properties

accesskey Sets the keyboard shortcut for accessing the element. class specifies the element's classname contenterable (New) specifies whether the element's contents can be edited. contextmenu (New) Specifies the context menu for an element. When the user right-clicks on the element, the context menu data-*(New) appears to store custom data for the page dir sets the text orientation of the content in the element. draggable (New) Specifies whether an element can be dragged dropzone (New) Specifies whether data is copied, moved, linked, or deleted hidden (New) The hidden attribute specifies that the element is hidden. id Specifies the unique idlang of the element to set the language code of the content in the element. spellcheck (New) detects misspellings of elements style specifies the inline style of elements tabindex sets the tab control order of elements. title specifies the additional information of the element (can be displayed in the tooltip) translate (New) specifies whether the value of an element needs to be translated when the page is loaded. This article is shared here. I hope that the above content can be helpful to everyone, so that you can learn more knowledge. If you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.