牛客刷题HTMLDay6(名企专题)

1.2021 360 前端工程师

下列关于HTML5中的标签的说法错误的是

A

不区分大小写

B

大小写可以混写

C

部分标签可以自闭合

D

所有标签都可以省略结束闭合标签

正确答案是:D

解析:D选项,<script>和<table>标签不能省略结束闭合标签

2.2021 360 前端工程师

在HTMLDOM树形结构中,<body>的父节点是()

A

<head>

B

<html>

C

<title>

D

<frame>

正确答案:B

解析:

 <html> 节点没有父节点;它是根节点

<head> 和 <body> 的父节点是 <html> 节点

3.2021 360 前端工程师

在HTMLDOM树形结构中,<body>的父节点是()

A

<head>

B

<html>

C

<title>

D

<frame>

正确答案:B

官方解析:

  • <html> 节点没有父节点;它是根节点
  • <head> 和 <body> 的父节点是 <html> 节点

4.2021 360 前端工程师

在 HTML5 中,哪个元素用于组合标题元素?

A

<group>

B

<header>

C

<headings>

D

<hgroup>

正确答案:D

解析:

<hgroup>元素用于组合标题元素,举例:

<hgroup>
<h1><a href="/">Mini Apps</a></h1>
<h2>Web applications for iPhoneplatforms</h2>
</hgroup>

如果你只有一个标题元素(h1-h6中的一个),你并不需要<hgroup>。.当出现一个或者一个以上的标题与元素时,适用<hgroup>来包围他们。当你的有一个标题有副标题或者其它的和section或者article有关系的元数据时,将<hgroup>和元数据放到一个单独的<header>元素容器中。

5.2021 百度 前端工程师

下面这段代码在浏览器中渲染出来的div高度是多少

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<style>

.heightTest {

height: 1000px;

min-height: 500px;

max-height: 300px;

}

</style>

</head>

<body>

<div class="heightTest"></div>

</body>

</html>

A

1000px

B

500px

C

300px

D

浏览器报错,异常

正确答案:B

官方解析:

1、max-height和height一起使用时,取小值。

2、min-height和height一起使用时,取大值。

3、min-height、height和max-height一起使用时:

height  > max-height > min-height,取max-height

height  >  min-height > manx-height ,取min-height

min-height > height > max-height ,取min-height

min-height > max-height > height,取min-height

max-height > height > min-height, 取 height

max-height > min-height > height, 取 min-height

猜你喜欢

转载自blog.csdn.net/weixin_64965154/article/details/131094379