什么是前端?
-
解决GUI人机交互问题
-
跨终端
- PC/移动浏览器
- 客户端小程序
- VR/AR等
-
Web技术栈
- Javascript:设置页面的行为
- CSS:设置页面的样式
- HTML:设置页面的内容
这里可以形象地理解为:HTML等同于画了一只鸟的框架结构,CSS赋予了鸟颜色,js给了鸟飞的行为
什么是HTML?
- HTML(HyperText Markup Language):超文本标记语言。
DOM树:
HTML语法
- 标签和属性不区分大小写,推荐小写
- 空标签可以不闭合,比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以忽略,比如:required、readonly
语义化是什么?
- HTML中的元素、属性以及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol,无序列表用ul
- lang属性表示内容所使用的语言
-HTML语义化使得页面具有良好的结构和语义,有助于提高页面的可访问性、搜索引擎优化,同时提高代码的可维护性和可读性。使得开发者更容易理解和修改代码,提高开打效率,它也有助于设计与内容分离,提高代码的可重用性和灵活性。