Summary of all HTML interview questions
|
1. The role of doctype, the difference between strict and mixed mode, and what is its significance 1. Syntax format: <!DOCTYPE html> 2. <!DOCTYPE> is not an Html tag, but an instruction that tells the browser which HTML version to use to write this page 3. There are three modes in HTML 4.01: 1. HTML 4.01 Strict strict mode does not include presentational elements ( tags that are purely for page display, such as b, font, etc., because these have corresponding alternatives in CSS ) and deprecated elements, such as font, and does not allow framesets; 2. HTML 4.01 Transitional filter mode, including presentational and deprecated elements, but not framesets; 3. HTML 4.01 Frameset loose mode, including display and deprecated elements, and also framesets; 4. There are four modes in xhtml: 1. XHTML 1.0 Strict mode does not include presentational and deprecated tags, does not allow framesets, and strictly writes tags in XML format; 2. XHTML 1.0 Transitional filter mode, including presentational and deprecated tags, does not allow framesets, and strictly writes tags in XML format; 3. XHTML 1.0 Frameset loose mode, including presentation and deprecation tags, allowing framesets, and strictly writing tags in XML format; 4. XHTML 1.1 is equivalent to XHTML 1.0 strict, but allows the addition of models. 5. The difference between standard mode and mixed mode 1. These two modes are mainly refined by browser manufacturers. In standard mode, the browser will present the page according to the specification, while in promiscuous mode, the browser will present it in a backward compatible way; 2. Mozilla and Safari use "almost standards mode", which means there are slight differences in the way they handle tables; 3. The biggest problem is IE's box rendering mechanism, which includes border-box (weird mode) and content-box. 6. How to trigger promiscuous mode 1. HTML 4.01 documents, if they contain transitional (filter) DTD but no URI, are rendered in promiscuous mode; 2. If there is no <!DOCTYPE> tag in xhtml or html, mixed mode rendering is used 2. Why does HTML5 only need to write <!DOCTYPE HTML> The main reason is that there is only one document type in HTML5, which is HTML, unlike HTML 4.01 or XHTML1.0 which have multiple document types. 3. Inline elements, block-level elements, and empty elements 1. Inline elements: span, a, em (emphasis), label, textarea, select, sub, sup, etc. 2. Block-level elements: div, ul, ol, li, h1~h6, table, form, p, dl, dd, dt, etc. 3. Empty elements: br, hr 4. The difference between link and @import import styles 1. There are three ways to reference CSS in HTML pages: style tags within the page, link external links, and @import imports. 2. link is an xhtm tag, which not only links to css, but also to rss services, while @import can only be css 3. The link external link file will be loaded synchronously with the document, while @import will wait until the document is loaded before loading. 4. Link has no compatibility issues, but @import is in the CSS 2.1 specification and is not supported by lower version browsers. 5. Link supports using js to control the style of DOM elements, while @import does not (that is, you can use javascript to operate the link tag to change the css document to achieve the effect of changing the skin, but @import does not work) XML/HTML CodeCopy content to clipboard
The above summary of HTML interview questions is all I want to share with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM. Original URL: http://www.cnblogs.com/cqhaibin/archive/2016/07/24/5701943.html |
<<: How to use Web front-end vector icons
>>: Vue codemirror realizes the effect of online code compiler
Recommend
Some common mistakes with MySQL null
According to null-values, the value of null in My...
Detailed explanation of simple snow effect example using JS
Table of contents Preface Main implementation cod...
Detailed explanation of how to solve the conflict of project URLs caused by setting the default path of Tomcat
Preface Tomcat is an excellent Java container, bu...
Implementation of installing and uninstalling CUDA and CUDNN in Ubuntu
Table of contents Preface Install the graphics dr...
In-depth understanding of Vue's data responsiveness
Table of contents 1. ES syntax getter and setter ...
CSS to achieve Tik Tok subscription button animation effect
I was watching Tik Tok some time ago and thought ...
Comprehensive understanding of line-height and vertical-align
Previous words Line-height, font-size, and vertica...
JS Asynchronous Stack Tracing: Why await is better than Promise
Overview The fundamental difference between async...
Example of using Docker to build an ELK log system
The following installations all use the ~/ direct...
Some suggestions for improving Nginx performance
If your web application runs on only one machine,...
Detailed explanation of cross-usage of Ref in React
Table of contents 1. First, let’s explain what Re...
How to use cursor triggers in MySQL
cursor The set of rows returned by the select que...
Methods to enhance access control security in Linux kernel
background Some time ago, our project team was he...
Docker Nginx container and Tomcat container to achieve load balancing and dynamic and static separation operations
Download Tomcat8 image [root@localhost ~]# docker...
The whole process record of Vue export Excel function
Table of contents 1. Front-end leading process: 2...