HTML part
In what browsers was the page tested and what was the kernel
IE: trident kernel
Firefox: gecko kernel
Safari: WebKit kernel
Opera: formerly presto kernel, now using GoogleChrome’s Blink kernel
Chrome: Blink(based on webkit, jointly developed by Google and OperaSoftware)
What are the differences between block elements, inline elements, and inline block elements
The element | content | The difference between |
---|---|---|
A block element | Div, p, nav, aside, header, footer, ul-li, address, etc | (1) It can recognize width and height (2) it is valid for margin and padding (3) it can be wrapped automatically (4) Multiple block element labels are written together, and the default arrangement is from top to bottom |
Inline elements | Span, EM, label, Select, Textarea | (1) Setting width and height is invalid. (2) Setting margin is only effective in the left and right direction, but invalid in the upper and lower direction. The padding Settings are valid for both top, bottom, left, and right, which means more space is created. (3) Line breaks are not automatic |
Inline block elements | Img, input | 1) No line wrap (2) recognition of width and height (3) Default sorting from left to right |
Their transformation
Block elements convert to inline elements: display: inline;
Line elements are converted to block elements: display: block;
Convert to inline block elements: display: inline-block;
The difference between the title and Alt attributes on the < image > tag
The title attribute is the text that appears when the mouse hovers over it, and the Alt attribute is the text that prompts when the image fails to load
Write five new h5 tags and explain their semantics and application scenarios
Section: Defines the first section in a document
Nav: Defines articles that contain only navigation links
Header: Defines a page or section header, usually containing a logo, a page title, and a navigational table of contents
Footer: Defines the end of a page or section, usually containing copyright information, links to legal information, and an address for feedback.
Aside: Define content that is less relevant to the content of the page, so that if removed, the rest of the content still makes sense
What are the new features and elements removed from the H5
-
H5 is mainly about the increase of image location storage multi-task and other functions
-
Drag and drop API
-
Semantic better content label (header, nav, footer, value, the article, section)
-
Audio and Video API(Audio and Video)