re:从0开始的HTML学习之路 2. HTML的标准结构说明

1. <DOCTYPE html>

文档声明,用于告诉浏览器,当前HTML文档采用的是什么版本。
必须写在当前HTML文档的首行(可执行代码的首行)
HTML4的此标签与HTML5不同。

2. <html lang=“en”>

根标签,整个HTML文档中所有标签都必须包裹在HTML根标签中
lang:用于说明当前文档使用的语言。如:en为英文,zh-CN为中文,这个标签会影响浏览器的翻译提示,如果浏览器默认为中文,网页lang=en,那么Chrome就会弹出一个翻译提示(其实并不重要~)

3. <head>

头部标签,通常不会在网页中直接显示。用于描述当前HTML文档的信息。
如:文档的标题,与其它文档的关系,文档的样式等。
meta:用来设置网页的元数据(描述数据的数据,比较重要)

<meta charset="UTF-8">:用于表述当前文档使用的字符集,避免乱码。

编码:字符 → \rightarrow 二进制
解码:二进制 → \rightarrow 字符
字符集: A S C I I , G B K 2312 , I S O 8859 − 1 , U n i c o d e ASCII,GBK2312,ISO8859-1,Unicode ASCIIGBK2312ISO88591Unicode等,其中UTF-8是针对Unicode的可变长编码,是主要应用的编码。如果编码和解码方式不同也会乱码,所以大家都用UTF-8~
除此之外,meta还可以写很多东西,如keywordsdescription具体功能不再描述,与SEO搜索引擎优化相关
title:文档的标题,title的内容显示在浏览器的标题栏上
如下所示:
在这里插入图片描述
将来学的CSS等等都会放在head中引入

4. <body>

页面的主题,页面中所有可见的内容,都写在body标签中

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/421611.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Minio搭建和使用

目前可用于文件存储的网络服务选择也有不少&#xff0c;比如阿里云OSS、七牛云、腾讯云等等&#xff0c;可是收费都有点小贵。为了节约成本&#xff0c;很多公司使用MinIO做为文件服务器。 MinIO是一个开源的分布式对象存储服务器&#xff0c;支持S3协议并且可以在多节点上实现…

曲线生成 | 图解三次样条曲线生成原理(附ROS C++/Python/Matlab仿真)

目录 0 专栏介绍1 什么是样条&#xff1f;2 三次样条曲线原理2.1 曲线插值2.2 边界条件2.3 系数反解 3 算法仿真3.1 ROS C仿真3.2 Python仿真3.3 Matlab仿真 0 专栏介绍 &#x1f525;附C/Python/Matlab全套代码&#x1f525;课程设计、毕业设计、创新竞赛必备&#xff01;详细…

Unity中实现捏脸系统

前言 目前市面上常见的捏脸一般是基于BlendShapes和控制骨骼点坐标两种方案实现的。后者能够控制的精细程度更高&#xff0c;同时使用BlendShapes来控制表情。 控制骨骼点坐标 比如找到控制鼻子的骨骼节点修改localScale缩放&#xff0c;调节鼻子大小。 BlendShapes控制表…

【GoLang入门教程】Go语言几种标准库介绍(八)

ChatGPT 和文心一言哪个更好用&#xff1f; 文章目录 ChatGPT 和文心一言哪个更好用&#xff1f;强烈推荐前言几种库runtime库 ( 运行时接口)常用的函数&#xff1a;示例 sort库&#xff08;排序接口&#xff09;主要的函数和接口&#xff1a;示例 strings库(字符串转换、解析及…

C++入门【33-C++ 类 对象】

C 在 C 语言的基础上增加了面向对象编程&#xff0c;C 支持面向对象程序设计。类是 C 的核心特性&#xff0c;通常被称为用户定义的类型。 类用于指定对象的形式&#xff0c;是一种用户自定义的数据类型&#xff0c;它是一种封装了数据和函数的组合。类中的数据称为成员变量&a…

肖氏硬度刻度表(Shore hardness scale chart)举例

肖氏硬度刻度表&#xff08;Shore hardness scale chart&#xff09;举例 在选材设计过程中&#xff0c;有时会用到对材料硬度的大体判断&#xff0c;本文简要介绍肖氏硬度刻度表&#xff0c;以供参考。 肖氏硬度刻度表1 肖氏硬度刻度表2 肖氏硬度刻度表3 肖氏硬度刻度表4 肖…

安卓Spinner文字看不清

Holo主题安卓13的Spinner文字看不清&#xff0c;明明已经解决了&#xff0c;又忘记了。 spinner.setOnItemSelectedListener(new Spinner.OnItemSelectedListener() {public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {TextView textV…

Cesium叠加超图二维服务、三维场景模型

前言 Cesium作为开源的库要加超图的服务则需要适配层去桥接超图与Cesium的数据格式。这个工作iClient系列已经做好&#xff0c;相比用过超图二维的道友们可以理解&#xff1a;要用Openlayer加载超图二维&#xff0c;那就用iClient for Openlayer库去加载&#xff1b;同样的要用…

【Linux C | 进程】进程环境 | 什么是进程?进程的开始、终止、存储空间布局、命令行参数、环境变量

&#x1f601;博客主页&#x1f601;&#xff1a;&#x1f680;https://blog.csdn.net/wkd_007&#x1f680; &#x1f911;博客内容&#x1f911;&#xff1a;&#x1f36d;嵌入式开发、Linux、C语言、C、数据结构、音视频&#x1f36d; &#x1f923;本文内容&#x1f923;&a…

Web开发:新建一个WebAPI的demo

一、新建一个api项目&#xff0c;并设置为启动项目 二、控制器目录新建一个控制器&#xff0c;命名为TestController&#xff0c;并且添加如下代码 添加后 代码&#xff1a; using Microsoft.AspNetCore.Mvc;namespace WebApplication1.Controllers {public class TestControl…

机器学习实验报告——EM算法

目录 一、算法介绍 1.1算法背景 1.2算法引入 1.3算法假设 1.4算法原理 1.5算法步骤 二、算法公式推导 2.1数学基础 2.2EM算法推导 三、算法实现 3.1关于EM聚类 3.2EM工具包的使用 3.3 实例测试 四、算法讨论 4.1EM算法的优缺点 4.2EM算法的应用 4.3对于EM算法…

【Flink-1.17-教程】-【四】Flink DataStream API(1)源算子(Source)

【Flink-1.17-教程】-【四】Flink DataStream API&#xff08;1&#xff09;源算子&#xff08;Source&#xff09; 1&#xff09;执行环境&#xff08;Execution Environment&#xff09;1.1.创建执行环境1.2.执行模式&#xff08;Execution Mode&#xff09;1.3.触发程序执行…