html文件结构

Alkali！

已于 2022-07-10 23:29:09 修改

阅读量640

点赞数

分类专栏： # HTML 文章标签： html 前端

于 2022-07-10 23:28:45 首次发布

本文链接：https://blog.csdn.net/weixin_45798993/article/details/125712441

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

文档结构

html的所有标签为树形结构，例如：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NUAACCST16191</title>
</head>
<body>
    <h1>Hello World!</h1>
</body>
</html>

`<html>`标签

HTML <html> 元素表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。
允许的下级内容：一个 <head> 元素，后跟一个 <body> 元素

`<head>`标签

HTML <head> 元素规定文档相关的配置信息（元数据，就是描述数据的数据），包括文档的标题，引用的文档样式和脚本等。
在页面加载完成的时候，head 标签里的内容，是不会在页面中显示出来的。它包含了诸如页面的

<title>（标题）
指向 CSS 的链接（如果你选择用 CSS 来为 HTML 内容添加样式）
指向自定义图标的链接
其它的元数据（描述 HTML 的数据，比如，作者和描述文档的重要关键词）等信息

`<title>`标签

HTML <title> 元素定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，则它包含的任何标签都将被忽略。
<title> 元素是一项元数据，用于表示整个 HTML 文档的标题（而不是文档内容）。
<title> 元素的内容也被用在搜索的结果中。

`<meta>`标签

HTML <meta> 元素表示那些不能由其它 HTML 元相关（meta-related）元素（(<base>、<link>, <script>、<style> 或 <title>）之一表示的任何元数据信息。

常见属性：

charset：这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是与 ASCII 大小写无关（ASCII case-insensitive）的"UTF-8"。

<meta charset="UTF-8">

"UTF-8"是一个通用的字符集，它包含了任何人类语言中的大部分的字符。意味着该 web 页面可以显示任意的语言。

name：name 和 content 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。

<meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Web Docs Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications.">

指定包含关于页面内容的关键字的页面内容的描述是很有用的，因为它可能或让你的页面在搜索引擎的相关的搜索出现得更多。
description 也被使用在搜索引擎显示的结果页中。

许多 <meta> 特性已经不再使用。例如，keyword <meta> 元素（<meta name="keywords" content="fill, in, your, keywords,here">）——提供关键词给搜索引擎，根据不同的搜索词，查找到相关的网站——已经被搜索引擎忽略了，因为作弊者填充了大量关键词到keyword，错误地引导搜索结果。

`icon`

页面添加图标的方式有：

将其保存在与网站的索引页面相同的目录中，以 .ico 格式保存（大多数浏览器将支持更通用的格式，如 .gif 或 .png，但使用 ICO 格式将确保它能在如 Internet Explorer 6 那样古老的浏览器显示）
将以下行添加到 HTML 的 <head> 中以引用它：

<link rel="icon" href="https://g.csdnimg.cn/static/logo/favicon32.ico">

这里我们用了csdn官网的图标。要学会在Web网站的源码中找到它的图标链接。

`<body>`标签

HTML <body> 元素表示文档的内容。document.body 属性提供了可以轻松访问文档的 body 元素的脚本。

``

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--   
        这里的内容均为注释
        <h1>第一讲</h1>
        <p>
            段落。
        </p>
    -->
</body>
</html>

Alkali！

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
html文件结构

html的所有标签为树形结构，例如：标签HTML 元素表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。允许的下级内容：一个元素，后跟一个元素HTML 元素规定文档相关的配置信息（元数据，就是描述数据的数据），包括文档的标题，引用的文档样式和脚本等。在页面加载完成的时候，head 标签里的内容，是不会在页面中显示出来的。它包含了诸如页面的HTML 元素定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，
复制链接

扫一扫