Front-end knowledge checking and filling in gaps (1)_html/css_WEB-ITnose

As a small front-end siege division, what has been particularly difficult recently is that the foundation is not solid. Therefore, I decided to change my past mistakes, review my knowledge again, and lay a solid foundation for myself. This article is purely a review of my missed knowledge points. If anyone is willing to read it, feel free to read it ~ I don’t charge any money anyway ~ Haha!

The first module: HTML

(1) HTML link - name attribute

The name attribute specifies the name of the anchor.

We can use the name attribute to create bookmarks in HTML pages.

The bookmark is not displayed in any special way and is invisible to the reader.

When using named anchors, we can create links that jump directly to the named anchor (such as a section on the page), so users don’t have to scroll the page to find what they need. information.

Example (meow(>^ω^099f4ba117b9a779e24b7f30f9b42bff element to be opened

N

Y

N

N

N

data-*

Used to store private customizations for a page or application Data

gives us the ability to embed custom data attributes on all HTML elements

The stored (custom) data can be used in the JavaScript of the page,

to create Better user experience (no Ajax calls or server-side database queries)

somevalue

Specifies the value of the attribute (as a string)

Y

Y

Y

Y

Y

draggable

Specifies whether the element is draggable Drag

true|false|auto

specifies the draggability of the element|

specifies Elements are not draggable |

Use browser default behavior

Y

Y

Y

Y

Y

dropzone

Specifies whether to copy, move or link the dragged data when dragging data on an element

copy|move|link

Dragging data will produce a copy of the dragged data|

Dragging data will cause the dragged data to be moved to a new location|

Dragging the data will generate a link to the original data

Y

Y

Y

Y

Y

hidden

The hidden attribute is a Boolean attribute. If this attribute is set,

it specifies that the element is still or no longer relevant

N

Y

Y 

Y 

 Y

 spellcheck

 规定是否对元素进行拼写和语法检查

 true|false

 对元素进行拼写和语法检查|

 不检查元素

 IE10+

 Y

 Y

 Y

 Y

 

 (3)HTML5表单属性 - list

　　list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

　　注释：list 属性适用于以下类型的 d5fd7aea971a85678ba271703566ebfd 标签：text, search, url, telephone, email, date pickers, number, range 以及 color。

Webpage: <input type="url" list="url_list" name="link" /><datalist id="url_list"><option label="W3Schools" value="http://www.w3school.com.cn" /><option label="Google" value="http://www.google.com" /><option label="Microsoft" value="http://www.microsoft.com" /></datalist>