这是我参与的「第五届青训营 」伴学笔记创作活动的第1天
学习前端应该关注哪些方面？美观、安全、兼容、功能、体验、性能、无障碍
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如 imput、meta
- 属性值推荐用双引号包裹
- 某些属性值可以忽略，比如 required、readonly
- 标题h1~h6，数字越小，标题越大，h1最大，然后依此递减，h6最小
- 列表 用ol表示有序列表，li表示列表项 用ul表示无序列表，li表示列表项 用dl表示定义列表，dt表示标题，dd表示具体的值
- 链接用a表示，属性href，它指示链接的目标，target target="_blank"表示点了不会替换原有页面
- 多媒体 图片用img表示，向网页中嵌入一幅图像，属性 src表示图片地址，alt表示替代性文本（当图片加载失败显示文字），width表示宽度；音频用audio表示，属性 src表示音频的url，controls表示浏览器默认播放控件；视频用video表示，属性 src表示视频的url，controls表示浏览器默认播放控件
- 文本类的标签引用 长引用，blockquote标签；短引用，cite标签；短引用，q标签；引用代码，code标签；强调内容，strong标签；强调语气，em标签。举一些例子：
<blockquote cite="http://t.cn/RFjKO0F">内容</blockquote>
<cite>小王子</cite>
- 表单 为用户输入创建表单 < input> 标签用于搜集用户信息，select标签 textarea标签，附上常用的代码：
<input type="range">
<input type="number"min="1"max="10">
<input type="date"min="2023-01-15">
<textarea name="" id="" cols="30" rows="10"></textarea>
<select name="" id="">
<option value="">1</option>
<option value="">2</option>
</select>
还有下拉表单
<select>
<option>1< /option>
<option>2< /option>
</select>
语义化是什么？
- HTML中的元素、属性、及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
谢谢
