HTML5基础

1.新建写标题

2.ctrl+/是

3.子页设置在主项目上

4.当样式发生冲突时就近原则

1.把背景颜色设置为红色

1.外部样式

link rel="stylesheet" type="text/css" href="css/style-3-1.css"/

2.内部样式

style type="text/css"
body{
background-color: orange;
}
h1{
color: #fff;
}
!--设置背景颜色为红色--
h1 style="color: green;">我是标题一/h1
!--用属性控制文本居中--
h1 align="center">我是用属性控制的标题一</h1
!--用行内样式设置水平--
h1 style="text-align:center">我是用行内样式控制的标题一</h1

二. 头部名称

1.title

(1)双标记 定义标题 把标题名称

2.meta

(1) 描述

一、20 个真实网页 Title 整理

1. 百度一下，你就知道
2. 微博 - 随时随地发现新鲜事
3. 知乎 - 有问题，就会有答案
4. 抖音 - 记录美好生活
5. B 站_哔哩哔哩_bilibili
6. 腾讯网 - 首页_中国领先的综合门户网站
7. 网易新闻 - 有态度的新闻门户
8. 淘宝 - 淘！我喜欢
9. 京东 - 正品低价、品质保障、配送及时、轻松购物！
10. 携程旅行 - 订酒店，订机票，火车票，旅游度假，攻略
11. 小红书 - 标记我的生活
12. 菜鸟裹裹 - 寄快递、查快递
13. 美团外卖 - 外卖订餐，送啥都快
14. 微信官方网站
15. 支付宝 - 知托付
16. 百度地图 - 精准定位，智能路线规划
17. 腾讯视频_好时光，一起看
18. 爱奇艺 - 悦享品质
19. 今日头条 - 你关心的，才是头条
20. 豆瓣 - 分享生活、发现美好
21. 饿了么 - 外卖，美食，生鲜，超市，送药上门
22. 喜马拉雅 - 听小说，听新闻，听音乐，听课程

---

二、网页 Title 规律总结

1. 品牌名优先

   几乎所有网站都会把品牌名放在最前面，让用户一眼知道是谁。

2. 一句话说明用途

   用简短文字告诉用户：这个网站是干嘛的、能解决什么问题。

   如：订酒店、寄快递、看视频、买东西。

3. 突出特点和优势

   常用词：正品、低价、快速、精准、方便、省心、有态度、品质保障。

4. 简洁易记，不冗长

   大部分 Title 在 10～20 字 左右，太长会被搜索引擎截断。

5. 情感化、口号化

   很多用宣传口号，好记、有感染力。

   如：记录美好生活、有问题就会有答案、你关心的才是头条。

6. 关键词明确，方便搜索

   会放入用户常搜的词：外卖、机票、酒店、新闻、视频、攻略等，方便被搜到。

7. 结构固定：品牌名 + 功能 / 口号

   最常见格式：

   • 品牌名 - 宣传语

   • 品牌名 - 功能介绍

   • 品牌名_功能_特点

     UTF-8 和 GB2312 的核心区别

     核心差异：GB2312 是中文专用编码（字符少、固定长度），UTF-8 是全球通用编码（字符全、变长）；

     使用现状：GB2312 已被淘汰，UTF-8 是网页 / 编程的绝对主流；

     乱码根源：页面编码声明和实际内容编码不一致（如声明 UTF-8 但内容是 GB2312）。