前端与 HTML | 青训营笔记

530 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

一、前端总览

1.什么是前端
	三个要点:解决GUI人机交互问题、跨终端、web技术栈
	前端就是使用web技术栈解决多端图形用户界面交互问题
2.前端技术栈
	HTML(内容)、CSS(样式)、JavaScript(行为)
3.前端关注哪些方面?
	功能、美观、安全、无障碍、兼容、体验、性能。
	注重用户的体验
4.前端的边界
	随着技术的发展,前端能够解决的问题也在逐渐广泛
	上手简单

二、HTML

1.HTML标题含义
	HypterText			Markup		Language
	超文本(不止文档)	         标记		语言
	通过一系列标签使网络上的文档格式统一
2.HTML语法
	浏览器使用DOM树的方式来识别HTML
	几种常用标签
	标题标签、文本标签、链接、多媒体、输入、内容划		分
3.语义化
	是什么?
		元素、属性、属性值都拥有各自的含义
		每一个超文本都有规定的格式,必须一个萝卜一个坑,规范书写。
	为什么?
		利于别人理解、浏览器理解和展示、搜索引擎让	用户更容易找到你、方便更多人使用,
                比如盲人。总之百利无一害,就是经过时间检验的真理。
	怎么做?
                了解每个标签与属性的含义
                思考每个内容适合什么样的标签
                用可视化工具生成代码

三、课后

1.HTML标签还有个很多,熟能生巧,可以看MDN文档
2.HTML只是格式化工具,确保网页内容格式正确不需要去考虑样式。
3.后端都干些啥?
        找了一下百度一开始其实没有前后端,后来发现做一个网站工作量太大,视觉和交互要求越来越高,
        “套模板”的方式渐渐无法满足要求,所以决定分为两个部分。为了让服务器、应用、数据库能够彼
        此交互,一个登陆页面: 前端开发只要做好静态页面部分 ,加上鼠标移入输入框、移出输入框
        的颜色变化;但是输入用户名、密码 后登录系统的话要连接数据库,这个就需要后台开发做逻辑
        处理了!用户看到的是前端,但是用户看不到的是隐藏在冰山下面的后端。