什么是前端?
- 解决 GUI 人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR 等
- Web技术栈
Hyper Text Markup Language
- Hyper Text ==> 「图片」「标题」「链接」「表格」
- Markup Language ==>
<h1>文章标题</h1>
HTML 语法
- 标签和属性不区分大小写,推荐小写。
- 空标签可以不闭合,比如
input,meta
- 属性值推荐用双引号包裹
- 某些属性可以省略,比如
required,readonly
!DOCTYPE
它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 声明,这样浏览器才能获知文档类型。
语义化
语义化是什么?
- HTML中的元素,属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol,无序列表用ul
- lang属性表示内容所使用的语言
是谁在使用我们写的HTML
- 开发者 修改,维护页面
- 浏览器 展示页面
- 搜索引擎·提取关键词·排序
- 屏幕阅读器·给盲人读页面的内容
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性