HTML基本标签 - JavaShuo

基本结构

在vscode中新建一个html文档，而后空白处敲"!"就会自动建立html页面的基本结构html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>基本标签</title>

</head>

<body>

    这是网页内容区域

</body>

</html>
复制代码

文档声明标签

<!DOCTYPE html>
复制代码

做用就是告诉浏览器接下来要解析的是一个html文档web

html标签

告诉浏览器对这个文档的解析从<html>开始，到</html>结束浏览器

属性lang="en" 表示语言使用的是英语，若是要使用中文能够设置为zh-cnmarkdown

head标签

head标签用于定义html文档的头部信息，head标签通常会包含meta、title两个子标签ui

meta标签

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，可是对于机器是可读的。它可用于浏览器（如何显示内容或从新加载页面），搜索引擎（关键词），或其余 web 服务。搜索引擎

meta标签有几个比较重要的属性:编码

1.name属性
能够用来定义网页的关键字、描述、做者以及版权信息等等，有如下几个经常使用值:spa

keywords:用来定义网页的关键字,关键字能够是多个，之间须要用英文逗号,隔开
description:用来定义网页的描述
author:用来定义网页的做者
copyright:用来定义版权信息3d

2.charset属性
HTML5中新增的属性，用来定义网页的编码格式，经常使用有如下几个属性值:code

ISO-8859-1: 默认编码
UTF-8: 万国码，目前最经常使用
gb2312: 国际汉字编码，不包含繁体
gbk 汉字编码，包含繁体

3.http-equiv属性
全部主流浏览器都支持 http-equiv 属性。它能够设置网页的过时时间，自动刷新等，有如下几个经常使用属性值：

expires: 网页过时时间
refresh: 网页自动刷新时间，单位秒
content-type:定义文件的类型，用来告诉浏览器该以什么格式和编码来解析此文件

4.content-type经常使用属性值

text/html: 表示该文档是HTML格式的文档
text/plain: 表示该文档是纯文本格式文档
text/xml: 表示该文档是xml格式的文档
image/gif: 表示该文档是gif图片格式的文档
image/jpeg: 表示该文档是jpg图片格式的文档
image/png: 表示该文档是png图片格式的文档

title标签

定义文档的标题，这个标题就是咱们在浏览器中看到的网页标题

<title>基本标签</title>
复制代码

body标签

body标签用于定义网页的内容区域

<body>
    这是网页内容区域
</body>
复制代码

最后一张图总结一下基本标签: