Question

为什么字符串hello的背景色为黄色？为什么不是黑色？

    export function data() {
        axios.get('www.example.de')
            .then(function(res) {
                return res.data
            })
            .then(function(data) {
                this.setState({
                    list: data
                })
            })
    }

    import {data} from './api.js';

    class Test extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                list: ""
            };
        }

        componentWillMount() {
            data();
        }
        render() {
            return <p > this.state.list < /p>
        }
    }

Answer 1

https://www.w3schools.com/tags/tag_head.asp

默认CSS设置
  大多数浏览器将显示具有以下默认值的元素：
  head { display: none; }

您应该将页面的元数据放在头部，因此通常无需显示它。

您从<h1>标题的父容器中获取颜色，即<body>。

Answer 2

您创建的html元素应该只在body标签内部。 head是提供页面标题信息以及样式表和脚本文件存在位置的地方。你对标题和头部感到困惑。 header是一个html5标记，它位于body标记

中

Answer 3

H1不在标题中。 H1应该写在体内。如果您不这样做，浏览器本身会纠正您的错误并将其转移到正文中。

https://www.w3schools.com/html/html_head.asp

<head>元素是元数据的容器（有关数据的数据），位于<html>标记和<body>标记之间。

HTML元数据是有关HTML文档的数据。不显示元数据。

元数据通常定义文档标题，字符集，样式，链接，脚本和其他元信息。

以下代码描述了元数据：<title>，<style>，<meta>，<link>，<script>和<base>。

Answer 4

您想要显示的所有内容都应位于<body>标记中。您的h1应位于header内的body标记内。 head代码保留用于meta代码和链接样式表。

在你的情况下，它应该是：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <header style="background-color:black">
      <h1>Check123!</h1>
      <h2>Hello</h2>
    </header>
    <article style="background-color:yellow">
      <h3>World!</h3>
    </article>
  </body>

html dom头和身体是如何工作的？

4 个答案: