这是我来参与[第五届青训营]笔记创作活动的第一天。
今天根据老师讲的内容简单做了笔记总结。
前端是什么?
前端是创建WEB页面或APP等前端界面呈现给用户的过程,主要解决多端图形、页面交互的问题,基础技术栈分为HTML、CSS、Javascript。以下是前端开发的环境
HTML是什么?
html是由图片,标题,链接,表格等超文本和可被浏览器读取编译的语义化标签组成。
上图是HTML的基本框架
HTML语法的标签和属性不区分大小写,在开发中一般使用小写。标签采用闭合的形式。例如< a ></ a>
但是空的标签可以不闭合,例如input。
老师提到的开发过程中属性值用双引号,然后我也去查了一下,得知这是W3C标准组织规定的做法,如果不加双引号,就无法区分一些特殊字符。 a标签用href进行链接跳转,图中是我实操的代码:
H5新增的多媒体标签:video、audio,目前video元素支持三种视频格式:MP4、WebM、Ogg。audio元神支持MP3、Wav、Ogg三种格式。
H5新增语义化布局标签header 、main、aside、article、footer
老师说到标签语义化的好处,可以增强代码可读性,可谓弧度、优化搜索引擎、提升无障碍阅读性。我们要了解每个标签和属性的含义,在开发的时候要积极动脑,想一想用什么标签做这个更合适,同时作为新手不能偷懒,多加练习,不适用可视化工具自动生成代码。
学完之后,我觉得对于标签含义的掌握需要大量的练习才能初步掌握,作为一名新手,应该一步一步慢慢学,比如在input的type类型那块,我经常忘记各种样式怎么去用,接下来的时间我会继续深入学习前端。