字节青训营前端day-02上课笔记

Day2 前端与 HTML

1. 前端工程师是使用web技术栈解决多端gui交互的工程师

2. 前端技术栈

• html(内容) css(样式) javascript(行为)
• 网络协议

3. DOM树

dom树根据标签将html转化成树形结构

4. HTML 标签

• 标题: h1~h6

• 列表:

  • 有序列表: ol(ordered-list) > li
  • 无序列表: ul(unordered-list) > li
  • 定义列表: dl(defination-list) > dt > dd

• 链接: a href属性(url) target=”_blank”新窗口打开

• 图片：img alt属性(替代性的文本)

• 音频: audio control属性默认控件

• 输入: input placeholder属性(占位符) type属性(range拖动条 number数字 date日期 checkbox多选框 radio单选)

• textarea 文本框

• 下拉选择: select > option(选项)

5. 网页的内容划分

6. HTML是传达内容的，而不是样式

要做到语义化，将正确的HTML标签用于正确的目的，而不仅仅是为了样式或布局而选择标签。在编写网页时，合理选择和使用HTML标签，以便更好地描述页面内容结构，让页面具备更好的可读性、可访问性和搜索引擎友好性。