Front End Knowledge leakage vacancy (I.)

As a small front-end siege division, the recent feeling of embarrassment is the foundation is not solid. So decided to repent, to revisit the knowledge and to lay my foundation. This article is purely my omission of knowledge point of review, some people are willing to look at the casual look at it ~ anyway also do not charge ~ haha!

First module: HTML

(1) HTML link-Name property

The Name property specifies the names of anchors (anchor).

We can use the Name property to create bookmarks in an HTML page.

Bookmarks are not displayed in any special way and are not visible to the reader.

When using a named anchor (named anchors), we can create a link that jumps directly to the named anchor, such as a section in the page, so that the user doesn't have to scroll the page constantly to find the information they need.

Example (>^ω^<) ~ Give me a small example! ）：

Point I jump Ah ~

Jump over here!

The code is as follows:

<href= "#tips"> point I jump Ah ~</a>  <name= "Tips"> jump Here! </ a >

Tip: The name of the anchor can be any name you like.

Tip: You can use the id attribute to override the Name property, and the named anchor is also valid.

Note: Always add a forward slash to a subfolder. If you write this link: href= "http://www.w3school.com.cn/html", it will generate two HTTP requests to the server. This is because the server adds a forward slash to this address, and then creates a new request, like this: href= "http://www.w3school.com.cn/html/".

Tip: Named anchors are often used to create catalogs at the start of a large document. You can assign a named anchor to each chapter, and then place a link to the anchor to the top of the document. If you visit Baidu Encyclopedia frequently, you will find that almost every entry in it uses this kind of navigation method.

Tip: If the browser cannot find a named anchor that is already defined, it will be positioned at the top of the document. No errors will occur.

(2) HTML5 Global Properties

  The value of the specified property (in string)

TD style= "TEXT-ALIGN:LEFT;" >

	Definition and usage	Value	Describe	Ie	FireFox	Chrome	Safari	Opera
contenteditable	Specifies whether the element content can be edited	True|false	The specified element is/cannot be edited	y	y	y	y	y
ContextMenu	The context menu for the specified element. The context menu appears when the user right-clicks on an element.	menu_id	to open <menu> element ID	n	y	n	n	n
data-*	Private custom data for storing pages or applications gives us the ability to embed custom data properties on all HTML elements Stored (custom) data can be exploited by JavaScript in the page, To create a better user experience (no Ajax calls or server-side database queries)	somevalue	y	y	y	y	y
draggable	Specifies whether the element can be dragged	true|false|auto	Configurable elements of the Draggable |   specified elements are not draggable | Use browser's default behavior	y	y	y	y	y
dropzone	Specifies whether to copy, move, or link dragged data when dragging data on an element	copy|move|link	dragging data produces a copy of the dragged data |   Dragging data causes the dragged data to be moved to a new location |   Dragging data results in a link to the original data	y	y	y	y	y
hidden	hidden Property is a Boolean property, and if the property is set,   It specifies that the element is still not or is no longer relevant			n	Y	y	y	y
SpellCheck	Specifies whether to check spelling and grammar of elements	True|false	Checking the spelling and grammar of elements | Do not check elements	ie10+	Y	Y	Y	Y

(3) HTML5 Form Properties-List

The List property specifies the DataList of the input domain. DataList is a list of options for the input domain.

Note: The List property applies to the following types of <input> tags: text, search, URL, telephone, email, date pickers, number, range, and color.

Webpage:<inputtype= "url"List= "Url_list"name= "link" /><DataListID= "Url_list"><optionlabel= "W3Schools"value= "http://www.w3school.com.cn" /><optionlabel= "Google"value= "http://www.google.com" /><optionlabel= "Microsoft"value= "http://www.microsoft.com" /></DataList>

Front End Knowledge leakage vacancy (I.)