html及css学习笔记_2_html基本结构-优快云博客

本文链接：https://blog.youkuaiyun.com/aishangcike/article/details/47129599

本文深入探讨HTML标签的基本概念及常见用法，包括html、meta标签及其属性值，通过实例展示如何在网页中应用这些标签，以及元数据在网页中的重要作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html以是一种标签语言，先看一段html代码：

<html>
<head>
    <title></title>
    <meta />
</head>
<body>
</body>
</html>

可以将代码复制到一个新建txt文档里，保存，再修改后缀名为.html，再在浏览器打开，我用的是chrome里显示如下：

我们可以由上html代码来分析下常见的标签，标签是大小写敏感的。

标签	用法	作用	注意
html	`<html>内容</html>`	标识html代码作用范围，`<html>` 表html开始，`</html>` 表html结束	一般情况，页面都要有开始与结束标签

有必要了解下meta标签及其属性值
下面是网易公开客页面

<meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <meta http-equiv="content-style-type" content="text/css"/>
    <meta http-equiv="content-script-type" content="text/javascript"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta property="wb:webmaster" content="0f8017b03c5331b8">
    <meta property="og:site_name" content="网易公开课"/>
    <meta property="og:title" content="网易公开课"/>
    <meta property="xn:page_id" content="698000112"/>
    <meta property="xn:admins" content="378197707"/>
    <meta name="keywords" content="公开课,大学,耶鲁大学,哈佛大学,网易公开课,视频,">
    <meta name="description" content="网易视频公开课频道推出国内外名校公开课,涉及广泛的学科,名校老师认真讲解深度剖析,网易视频公开课频道搭建起强有力的网络视频教学平台"/>

meta的属性值

http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就应该包含：

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

当然，只有浏览器可以接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。