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

  1. H5 is mainly about the increase of image location storage multi-task and other functions

  2. Drag and drop API

  3. Semantic better content label (header, nav, footer, value, the article, section)

  4. Audio and Video API(Audio and Video)