对HTML的初步了解 | 青训营笔记

64 阅读2分钟

这是我参与第四届青训营笔记的第一天。

前端

前端技术栈

前端

  • JavaScript(行为)
  • CSS(样式)
  • HTML(内容)

服务器端

前段应该关注什么

说实话我觉首当其冲应该是安全吧……

当然功能的确很重要(毕竟做一个东西就是要用的,这是通用的道理……)

(目前我关注的就是我能不能做出来……)

我肯定把美观放最后(美工挺贵的……)

开发环境

一个浏览器和编辑器(上手快)

HTML

今天主要还是讲了HTML

最重要的应该是DOM树吧

DOM树.jpg

然后接下来又讲了一些细致的东西

(我把可能用上的记下来吧)

HTML——勾选.jpg

HTML——排序.jpg

HTML——输入.jpg

内容划分

这里我觉得也挺重要的(我不会的都挺重要的)

HTML——内容划分.jpg

main是主体(只能有一个?)

然后里面正文部分可以用article

边栏是aside

最后底部是footer

(希望我用到的时候我还能记得)

语义化

我觉得可以理解为标准化(我觉就是,虽然可能页面表现的效果是一样的,但是为了别人的心脏好,还是按照HTML约定的语义来写吧)

好处

  • 代码可读性(未来的你和别人都能看得懂)
  • 可维护性(维护你代码的人能懂)
  • 搜索引擎优化(让搜索引擎能看懂?)
  • 提升无障碍性(反正就是能懂就对了)

如何做到可视化

学+思考+用

总结

今天其实没有讲很多东西吧……HTML真的有好多零散的点,这个得一点一点学习(感觉用的多了可能就能记住了)

最惊喜的应该是对前端的介绍,DOM树和内容划分吧(谢谢老师了,对我来说真的很重要)

那就继续加油了,冲冲冲!