距离踏入这个培训班已经过去了一周的时间,在这段时间里,通过跟随老师的讲解和自我总结出一周心得对我的学习能起到一个承上启下的作用。
首先这一周最开始学习了计算机基础内容,其中包括:互联网历史、应用、结构;cmd命令;产品研发流程;快捷键;各类网络协议(前端接触最多的是ip、tcp、http这三个协议);网络安全;二进制;常用工具(xmind、viso、墨刀、ps、office);编程语言通用语法(变量、条件选择、运算符、数据类型、循环重复、方法这些是通用的);visual编辑器等等。
然后就是html的内容:HTML的本质是一种超文本标记语言(Hyper Text Markup Language)。由一套标记标签组成(markup tag),使用标记标签来描述网页,标签的组成包括标签名、属性名、属性值、和内容。包括各类型标签(文本标签,超链接标签,图片标签,表格标签,表单标签,列表标签和音视频标签等)。在编写html标签代码过程中,注意行内标签、块级标签、行内块标签的区别,并对一些重要的细分属性多加记忆和理解对于编写高语义化的代码是有帮助的,比如同样是表单,有账号框和密码框之分,账号框要注明type是text,name要注明Account number,以及需要时注明value值,placeholder值,或者required(必填项)、autofocus(自动聚焦该选项)、Disabled(禁用选项)等等这些,都能提升代码的可读性和语义化。
此外在对于页面内嵌套inframe时,区分_parent (表示在框架的父级打开页面或文件)、_top 在框架的最顶层打开新的页面或文件(若包含多个框架的嵌套)、_blank: 在一个新的浏览器窗口或标签页中打开页面或文件、_self: 在当前浏览器窗口打开页面或文件这四种情况的用法。
对于H5中表单部分增加的新标签:email 用于应该包含“e-mail"地址的输入框、url 用于应该包含“URL"地址的输入框、search 用于应该包含“搜索内容"的输入框、number 用于应该包含“数值"的输入控件、tel 规定显示的类型为“电话号码"的输入框、range 规定显示的类型为“数值选择范围"选择控件、color规定显示的类型为“颜色"选择控件。
以及autocomplete规定是否启用表单的自动完成功能,novalidate="novalidate"如果使用该属性,则提交表单时不进行html5自带的验证。
此外,对于html布局的处理方式可以编写在table标签中更加语义化、布局更加直接规整,也可以编写在div内更便于调试css样式,这部分内容在之后学css层叠样式表时还会接触更多。