了解HTML基础，玩转HTML

一.HTML5、CSS、JavaScript文件的规范放置和命名

文件放置：

• HTML文件：放在项目根目录（如index.html）

• CSS文件：放在css文件夹（如css/style.css）

• JavaScript文件：放在js文件夹（如js/main.js）

命名规范：

• 主HTML文件一般命名为index.html

• CSS文件常用style.css、main.css

• JS文件常用main.js、app.js

二.调用样式的三种方法：引入外部样式的方法、内部样式、行内样式

1.引用外部样式

设置背景为红色：

在css中新建css文件 内容为

/*设置背景颜色为红色*/
body{
	background-color: red;
}

在HTML文件中添加

<link rel="stylesheet" type="text/css" href="css/style03.css"/>

2.引用内部样式

<style type="text/css">
</style>

3.行内样式

<h1 style="color: green;">我是标题一</h1>

当样式设置发生冲突时，就近原则

权重大小依次为：行内>内部>外部

属性和样式的区别与联系：样式>属性 样式能实现的效果属性不一定实现，反过来，属性能实现的，样式一定能实现。

二.头部标记，在里面

标记名称	单 / 双标记	核心作用
<title>	双标记	定义页面标题
<meta>	单标记	定义元数据（编码、视口、描述等）
<link>	单标记	引入外部资源（CSS、图标等）
<style>	双标记	嵌入内部 CSS 样式
<script>	双标记	嵌入或引入 JavaScript 代码

三.TF-8和GB2312的区别

1. 覆盖范围

   • GB2312：只认简体中文，其他语言 / 符号（如日文、Emoji）会乱码；
   • UTF-8：通吃全球所有语言（中文、英文、特殊符号等），无乱码。

2. 开发使用

   • GB2312：已淘汰，仅老系统偶尔用；
   • UTF-8：网页开发唯一推荐，HTML 里写 <meta charset="UTF-8"> 就行。

3. 关键提醒

   只要文件保存编码和 HTML 声明的编码都设为 UTF-8，就不会出现中文乱码。

总结

1. GB2312 是 “中文专属老编码”，UTF-8 是 “全球通用新编码”；
2. 做网页只需要用 UTF-8，不用考虑 GB2312。