- 软件CS架构模式
Client(客户端)/Server,客户端需要安装软件,不跨平台,需要更新,适用大型安全性较高软件 - 软件BS架构模式
Brower(浏览器)/Server,网页直接使用,跨平台,无更新 - 客户端开发
React Native、Vue + uni-app - html全称
HyperText Markup Language:超文本标记语言 - html5文档声明
- html字符编码
平时编码默认UTF-8
//浏览器解码格式声明
- html设置语言
- html排版标签
- 标题标签
h1,h2, h3常用,h4,h5,h6不常用,h1一个页面只有一个,h1-h6不能互相嵌套
标题1
标题2
标题3
段落
-
html标签语义化
标签默认效果不重要,语义重要。好处是可读性强;利于SEO(搜索引擎优化);方便设备解析(屏幕阅读器等)
-
html块级原素
独占一行,内部可以写块级原素和行内原素
-
html行内原素
不独占一行,内部可以写行内原素,不能写块级原素
-
html常用文本标签
标签 | 语义 |
---|
em | 着重阅读内容 |
strong | 着重阅读内容,比em强烈 |
span | 无语义,包裹容器,语义类似div |
- html图片标签
//width,height设置一个会等比例改变
- html相对路径
- html绝对路径
类型 | 含义 |
---|
本地绝对路径 | 从电脑盘符开始的路径 |
网络绝对路径 | 在线网络上图片,有些有防盗链,用不了 |
- html常用图片格式
格式 | 特点 |
---|
jpg(jpeg) | 泛用,有损压缩,不支持透明背景和动态图 |
png | 支持透明背景,无损压缩,不支持动态图 |
bmp | 不进行压缩,不支持透明背景和动态图,占空间极大 |
gif | 支持颜色少,支持简单透明背景,支持动态图 |
webp | 需要解决兼容问题,支持上述格式优点,支持透明背景,支持动态图 |
base64 | 以文本格式保存的图片,src直接引入,一般"data:image/jpeg;base64,/"开头 |
- html超链接
- 跳转页面
a标签是行内原素,内部可以行内原素和块原素,不能写本身
//target="_self"(默认),当前页面打开跳转//target="_blank",新页面打开跳转
//跳转压缩包文件,触发下载//download属性直接触发下载
- 跳转锚点
锚点名称区分大小写,不能重复,除第一个会失效
跳转到锚点回到顶部执行js脚本
电话邮件短信
- 超文本含义
"超文本"是连接单个网站内或多个网站间的链接 - html列表
- html表格
//height属性设置表格高度tbody内容随高度增加变高,thead高度不变,设置的是最小高度//cellspacing 内部边框距离//border设置外部表格边框宽度,内部边框宽度不变标题name | age | //4表示跨4列
//height不能小于table高度-caption-thead-tfoot李明 | //2表示跨2行18 |
| 共计: |
- html常用标签
//换行
//分割线按原文显示
- html表单
//value表示默认值
//checked默认选择
或//form表单button默认type="submit"
- 表单禁用
input,button,textarea,option,select都可以用disabled属性 - label标签
点击提示文字,聚焦到对应输入框
- 框架标签
淘宝
- 字符实体
字符 | 实体名称 |
---|
空格 | 或 |
< | <; |
> | > |
& | & |
¥ | ¥ |
©️ | © |
× | × |
÷ | ÷ |
- html常用全局属性
属性名称 | 属性含义 |
---|
id | 给标签指定唯一标识,一个html里id不能重复 |
style | 指定css样式 |
class | 指定类名 |
lang | 给标签指定语言 |
dir | 内容靠左或靠右,值 : ltr;rtl |
title | 鼠标悬浮文字提示 |
- meta元信息
//字符编码配置//IE兼容配置//移动端配置//配置网页关键字//配置网页描述//针对搜索引擎爬虫配置//3秒后跳转到指定网页//作者//开发工具//版权信息