前端与HTML|青训营

76 阅读1分钟

什么是前端?

  • 解决GUI人机交互问题

  • 跨终端

    • PC/移动浏览器
    • 客户端小程序
    • VR/AR等
  • Web技术栈

    • Javascript:设置页面的行为
    • CSS:设置页面的样式
    • HTML:设置页面的内容

这里可以形象地理解为:HTML等同于画了一只鸟的框架结构,CSS赋予了鸟颜色,js给了鸟飞的行为

什么是HTML?

  • HTML(HyperText Markup Language):超文本标记语言。

DOM树:

image.png

HTML语法

  • 标签和属性不区分大小写,推荐小写
  • 空标签可以不闭合,比如input、meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以忽略,比如:required、readonly

语义化是什么?

  • HTML中的元素、属性以及属性值都拥有某些含义
  • 开发者应该遵循语义来编写HTML
    • 有序列表用ol,无序列表用ul
    • lang属性表示内容所使用的语言

-HTML语义化使得页面具有良好的结构和语义,有助于提高页面的可访问性、搜索引擎优化,同时提高代码的可维护性和可读性。使得开发者更容易理解和修改代码,提高开打效率,它也有助于设计与内容分离,提高代码的可重用性和灵活性。