HTML扫盲（一）| 青训营笔记

这是我参与「第五届青训营」伴学笔记创作活动的第 3 天

惭愧

说来也惭愧，前天才发现原来训练营的掘金课程属于的会员的欸！我的会员标都亮了我居然不知道呜呜呜

今天来仔细看了第一节HTML的课程，才发现原来里边也有很多知识点之前遗漏或者太久没用着忘了的，小程序代码写的占多，只感觉浏览器端才是更大的海洋，现在来简单总结一点，其他后续复习的时候接着补充.....

学到的一些

前端关注点

这几个也是很明显，在平时参与项目开发过程中也是有体会到，编码实现的时候既要考虑到逻辑，用户什么样的操作会怎么影响，乱操作错操作怎么去处理，以及性能，兼容，这些有时候感觉更偏经验之谈，coding之路都是踩坑过来的

html

标记语言，有很多的标签组成

还记得在vscode新建html文件后，！+ 回车就生成了基本页面

看着就这两不熟!DOCTYPE 声明 meta 标签

2种列表

平时md文档写的时候都是一个+号生成无序列表，对于html标签生成倒也少用

    <div>
        <ol>
            <li>00</li>
            <li>01</li>
            <li>02</li>
        </ol>
        <ul>
            <li>代办一</li>
            <li>代办二</li>
        </ul>
    </div>

input的type

由于平时组件库用的比较多，也都差不多忘了原来input的type是这么多种

    <div>
       1 <input type="button" value="hello">
       2 <input type="color" name="" id="">
       3 <input type="date" name="" id="">
       4 <input type="datetime" name="" id="">
       5 <input type="datetime-local" name="" id="">
       6 <input type="hidden" name="">
       7 <input type="range" name="" id="">
       8 <input type="search" name="" id="">
    </div>

其他一点

视频里还提到了datalist这个标签！就是可选项提示，想起之前用elementui的时候好像也有类似的，真觉有点神奇 还有这些

语义化

参考

HTML 简介 (w3school.com.cn)