HTML文档结构与元信息详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45667304/article/details/124590380

1.文档结构

HTML文档由头部head和主体body两个部分组成。头部head标记中可以定义标题、样式等，头部信息不会显示在网页上；主体body标记中可以定义段落、标题字、超链接、脚本、表格、表单等元素

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>文档结构</title>
    <!--meta描述网页文档的属性-->
    <style type="text/css">
        p {
            font-size: 24px;
        }
    </style>
</head>

<body>
    <p>HTML文档结构由head、body标记组成</p>
    <h3>标题字h3</h3>
    <hr size="3" color="#38c">
    <a href="http://www.write">百度</a>
    <script type="text/javascript">
        document.write("这是简单的网页！");
    </script>
</body>

</html>

HTML文档标记开始，以标记结束。所有的HTML代码都位于这两个标记之间。浏览器根据文档类型以及内容来解释整个网页，然后呈现给用户。一般情况下，每个HTML文档都应该有且只有一个html、head、body元素
在这里插入图片描述

2.元信息meta标记

meta标记用来描述一个HTML网页文档的属性

（1）meta标记

基本语法

<meta name="" content="">
<meta http-equiv="" content="">

name属性用于描述网页，所描述的内容通过content属性表示（最重要的就是 description：定义网页简短描述 keywords：定义网页关键词 robots;定义编辑器）

http-equiv属性用于提供HTTP协议的响应头报文，它回应给浏览器一些有用的信息，以帮助正确和精确的显示网页内容