P1-P13
浏览器和网页
- 前端工程师负责编写网页的源代码。
- 浏览器负责将网页渲染成我们想要的样子。
W3C的建立
网页的结构
根据W3C标准，一个网页主要由三部分组成：结构、表现 和 行为。
HTML
第一个网页.html：
<html>
<head>
<title></title>
</head>
<body>
<h1>回乡偶书（二首）</h1>
<h2>其一</h2>
<h2>贺知章</h2>
<p>少小离家老大回</p>
<p>乡音无改鬓毛衰</p>
<p>儿童相见不相识</p>
<p>笑问客从何处来</p>
</body>
</html>
文档声明（doctype）：用来告诉浏览器当前网页的版本。
<!DOCTYPE html>
所有的数据在计算机中存储时都是以二进制形式存储的，文字也不例外。所以一段文字在存储到内存中时，都需要转换为二进制编码。当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读
- 编码：将字符串转换为二进制码的过程称为编码
- 解码：将二进制转换为字符的过程称为解码
- 字符集（charset）：编码和解码所采用的规则称为字符集
- 乱码问题：如果编码和解码所才用的字符集不同就会出现乱码问题
- 常见的字符集：ASCII、ISO88591、GB2312、GBK、UTF-8、……
在开发时我们使用的字符集都是 UTF-8 。
可以通过mata标签来设置网页的字符集，避免乱码问题：
<Meta charset="utf-8">
HTML参考手册：https://www.w3school.com.cn/html5/index.asp
<!-- 文档声明，声明当前网页的版本 -->
<!DOCTYPE html>
<!-- html的根标签（元素），网页中的所有内容都要写在根元素的里边 -->
<html>
<!-- head时网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
<head>
<!-- Meta标签用来设置网页的元数据，这里Meta用来设置网页的字符集，避免乱码问题 -->
<Meta charset="utf-8">
<!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
<title>网页的标题</title>
</head>
<!-- body是html的子元素，标识网页的主题，网页中所有的课件内容都应该写在body里 -->
<body>
<!-- h1网页的一级标题 -->
<h1>网页的大标题</h1>
</body>
</html>
VSCode主题： ayu 。
VSCode插件： Live Server ，可以直接帮你刷新网页。
安装好之后就能右键打开网页（open with live server）
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
