网 页 主 要 是 由 文 字 、 图 像 和 超 链 接 等 元 素 构 成 , 当 然 除 了 这 些元 素 , 网 页 中 还 可 以 包 括 音 频 、 视 频 以 及 Flas h 等 。浏 览 器 是 网 页 显 示 、 运 行 的 平 台 。浏 览 器 内 核 (排 版 引 擎 、 解 释 引 擎 、 渲 染 引 擎 )负 责 读 取 网 页 内 容 , 整 理 讯 息 , 计 算 网 页 的 显 示 方 式 并 显 示 页面。
HTML (Hy per Text Mark up Language):超 文 本 标 记 语 言
HTML 骨 架 格 式
< ! - - 页面中最大的标签 根标签 - - >
< h t m l >
< ! - - 头部标签 - - >
< h e a d >
< ! - - 标题标签 - - >
< t i t l e > < / t i t l e >
< / h e a d >
< ! - - 文档的主体 - - >
< b o d y >
< / b o d y >
< / h t m l >
文 档 类 型 用 来 说 明 你 用 的 XHTML 或 者 HTML 是 什 么 版 本 。< ! D O C T Y P E h t m l >告 诉 浏 览 器 按 照 HTML5 标 准 解 析 页 面 。
页面语言 lang
l a n g 指定该 html 标 签 内 容 所 用 的 语 言
< h t m l l a n g = " e n" >
e n 定义语言为英语 z h -C N 定义语言为中文
lang 的 作 用
根 据 根 据 lang 属 性 来 设 定 不 同 语 言 的 css 样 式 , 或 者 字 体
告 诉 搜 索 引 擎 做 精 确 的 识 别
让 语 法 检 查 程 序 做 语 言 识 别
帮 助 翻 译 工 具 做 识 别
帮 助 网 页 阅 读 程 序 做 识 别
字符集
字 符 集 (Character s et)是 多 个 字 符 的 集 合 ,计 算 机 要 准 确 的 处 理
各种字符集文字,需要进行字符编码,以便计算机能够识别和存储
各 种 文 字 。
UTF -8 是 目 前 最 常 用 的 字 符 集 编 码 方 式
让 html 文 件 是 以 UTF -8 编 码 保 存 的 , 浏 览 器 根 据 编 码 去 解 码
对应的 html 内 容 。
< m e t a c h a r s e t = " U T F - 8 " / >
meta viewpor t 的 用 法
通 常 vie wpor t 是 指 视 窗 、 视 口 。 浏 览 器 上 (也 可 能 是 一 个 app
中 的 webvie w)用 来 显 示 网 页 的 那 部 分 区 域 。 在 移 动 端 和 pc 端视口
是 不 同 的 , pc 端 的 视 口 是 浏 览 器 窗 口 区 域 , 而 在 移 动 端 有 三 个 不 同
的 视 口 概 念 : 布 局 视 口 、 视 觉 视 口 、 理 想 视 口
meta 有 两 个 属 性 name 和 htt p-equiv