网页
相当于每页纸
网站
相当于一本书
用户翻阅的时候,翻阅书中的每一页
骨架结构
<!DOCTYPE html>
意义: 文档类型声明,告诉浏览器 该网页的HTML版本
<html lang="en">
意义:标识网页使用的语言
作用:搜索引擎归类+浏览器翻译
常见语言:zh-CN简体中文/ en英文
<meta charset="UTF-8">
意义:标识网页使用的字符编码
作用:保存和打开的字符编码需要统一设置,否则会乱码
<meta name="viewport" content="width=device-width, initial-scale=1.0">
宽度=设备宽度 移动端网页需要
SEO(Search Engine Optimization)搜索引擎优化
作用:让网站在搜索引擎上的排名靠前
提升SEO的常见方法:
1.竞价排名
2.将网页制作成html后缀
3.标签语义化(在合适的地方使用合适的标签)
。。。。。。
SEO三大标签
title:网页标题标签
description:网页描述标签
keywords:网页关键词标签
<meta name="description" content="">
<meta name="keywords" content="">
<title>Document</title>
ico图标设置
场景:显示在标签标题左侧的小图标
代码
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
效果