学习《前端与HTML》| 青训营

68 阅读2分钟

今天复习第二节课“前端与HTML”。前端工程师就是使用Web技术栈解决多端图形用户界面交互的工程师,前端主要的技术分为三层,HTML用于控制网页的结构,CSS用于控制网页的外观,而JavaScript控制着网页的行为,浏览器通过http协议与服务器进行通信,把前端的代码通过http协议从服务器上拿到,将其渲染成我们看到的页面。服务端、网络协议以及HTML、css、js共同组成了前端的技术栈。前端应该关注美观、功能、无障碍、安全、性能、兼容性、用户体验等方面。如今前端的边界已经变得很广泛了,不仅仅停留在制作页面的范畴,其开发环境也是很多样的。

HTML全称“Hyper Text Markup Language(超文本标记语言)”,是网页的标准语言。HTML并不是一门编程语言,而是一门描述性的标记语言。HTML的语法为<标签符>内容</标签符>,标签符一般都是成对出现的,包含一个“开始符号”和一个“结束符号”。结束符号只是在开始符号前面多加上了一个斜杠“/”。当浏览器收到HTML文本后,就会解析里面的标签符,然后把标签符对应的功能表达出来。HTML的语法很简单,①标签和属性不区分大小写,推荐小写;②空标签可以不闭合,比如 input、meta;③属性值推荐用双引号包裹;④某些属性值可以省略,比如 required、readonly。接着老师具体的讲述了一些HTML的标签如何使用,包括标题、列表、链接、单选框复选框等等,这一部分已经比较熟悉了,所以在此我没有详细记录。

HTML标签的使用是需要遵循一定的原则的,在这里就要明白语义化的定义,语义化就是HTML中的元素、属性及属性值都拥有某些含义,开发者应该遵循语义来编写HTML,例如有序列表用 ol;无序列表用ul。强调语义化的原因是我们写的HTML是会有很多层次的人员要使用的,使用语义化后可以增加代码可读性、可维护性,可以将搜索引擎优化,提升无障碍性。如何做到语义化?有以下三个点:①了解每个标签和属性的含义;②思考什么标签最适合描述这个内容;③不使用可视化工具生成代码。