第二天前端与HTML 课程笔记| 青训营

50 阅读2分钟

什么是前端?

根据学习课程和了解,前端指的是网站或应用程序中用户直接与之交互的部分。它是构成一个完整的Web应用程序的前台部分,通常是通过网页浏览器展示给用户的界面。前端技术主要涉及HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript等技术,用于在用户的设备上呈现和操作网页内容。 HTML和表单,CSS样式和布局,JavaScript交互,响应式设计,AJAX和异步交互,都是来解决解决人机交互问题的 跨终端 Web技术栈等 HTml负责页面结构内容传达内容而非样式的 JS定义用户行为,CSS定义样式,前端应该关注哪些方面?课程中具体提到到的有功能,美观,无障碍,安全,性能,兼容性 等等 用Node.js开发后端,ELECTRON开发客户端等,还有许多可以实现不同的效果,HTML(HypeText(图片标题链接表格等) Markup Language) 标签 属性名 属性值 html根标签,head标签,body呈现给用户的内容,大观是一个DOM树,里面有很多的节点,其中也提到了HTML中的许多小的语法,HTML语法,推荐小写,空标签,属性值双引号包裹,h标签的几个标题,ol有序列表,ul无序列表,中间包裹li标签,dd/dt,a href超链接,target切换打开方式,img图片标签,audio音频标签,video视频标签,某些标签中需要加入src地址,input输入标签,其中有很多标签,select下拉选择,blockquote快捷引用,。

HTML的语义化的好处:

提高可读性、可维护性、搜索引擎排名、可访问性和设备兼容性,同时具有良好的代码结构和样式分离。

如何做到语义化:

选择合适的HTML标签 使用适当的属性 避免滥用无语义的标签 结构化页面内容 使用标题标签 表格和表单语义化 使用标签嵌套的正确顺序 提供替代文本和描述等等