HTML中你可能会用到的基本结构，已整理请查收！

本文创建于2020年8月，以下为正文：

基本结构中的属性

< html>

定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在它里面，标签限定了文档的开始点和结束点，在他们之间是文档的头部和主体。

< html>

< head>
< title>我的第一个HTML页面</title>

< /head>

< body>

< p >body 元素的内容会显示在浏览器中。< /p>

< /body>

< /html>

< head>

标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在head部分：

< title>、< meta>、< link>、< style>、 < script>.

应该把< head>标签放在文档的开始处，紧跟在< html>后面，并处于< body>标签之前。

文档的头部经常会包含一些< meta>标签，用来告诉浏览器关于文档的附加信息。

< title >

title可以定义文档的标题，并且显示在浏览器窗口的标题栏或状态栏上。它把文档加入用户的收藏夹或书签列表时，标题将成为该文档的默认名称。< title>标签是< beta>标签中唯一必须要求包含的东西，就是说写head一定要写title，你是说其他的不加，而是title一定要加。

title写和你网页相关的关键词有益于SEO优化

< html>

< head>
< title>我会显示在收藏栏里</title>

< /head>

< body>...< /body>

< /html>

SEO是搜索引擎优化的英文缩写

通过对网站内容调整，满足搜索引擎的排名需求，从而提高自己网站被搜索引擎平台录取的几率，从而把精准用户带到网站。

网站都有目标群体，通过title、meta标签可以让目标群体通过关键词找到你的网站，所以你定义的关键词决定了会吸引什么样的群体。

< meta>

元素可提供有关页面的元信息（meta-information），用来向浏览器或搜索引擎描述页面。比如文档的描述和关键词。它只可以放在head中。属于元信息标签。

常见的meta有

Keywords（关键词）keywords用来告诉搜索引擎你网页的关键词是什么

< meta name="keywords" content="web前端，尚学堂培训">
description(网站内容描述) description用来告诉搜索引擎你的网站主要内容。

< meta name="description" content="北京尚学堂，web前端培训">
author作者 标注网页的作者

``< meta name=“author” contemt=“root, [email protected]”>< /meta>

标签嵌套

标签之间可以相互嵌套，但要注意嵌套顺序

< body>

< p>段落一< /p>

< /body>

语义化标签

语义化：明白每个标签的用途（在什么情况下使用标签合理）比如：网页上文章的标题就可以用标题标签h1-h6，段落用p，地址用address等。

好处：1.更容易被搜索引擎收录

2.更容易让屏幕阅读器读出网页内容

（ps:如果您觉得有用，请点赞转发，让更多人看到）