前端html | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第1天

什么是前端？

• 解决GUI人机交互问题
• 跨终端

• pc/移动浏览器
  

• 客户端/小程序
  

• VR/AR等
  

• Web技术栈

前端基础

• HTML （内容） HyperText Markup Language
  

• CSS （样式）
  

• JavaScript（行为）
  

HTML语法

• 标签和属性不区分大小写，推荐小写
  

• 空标签可以不闭合，比如 input、meta
  

• 属性值推荐用双引号包裹
  

• 某些属性值可以省略，比如 required、readonly
  

语义化的好处

• 代码可读性
  

• 可维护性
  

• 搜索引擎优化
  

• 提升无障碍性
  

如何做到语义化

• 了解每个标签和属性的含义
  

• 思考什么标签最适合描述这个内容
  

• 不适用可视化弓具生成代码
  

前端工程师的自我修养————传达内容，而不是样式

HTML

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图标与其他信息媒体相关联。这些相互关联的信息媒体可能在同意文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行链接，为人们查找，检索信息提供方便。

当前html版本为HTML5，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。

HTML的缺点使其交互性差，语义模糊，这些缺陷难以适应Internet飞速发展的要求，因此一个标准、简洁、结构严谨以及可高度扩展的XML就产生了。

HTML文件后缀为.html

前端自我思考

本人自学前端一个月左右，对于前端的内容体系感到十分庞大复杂，内容相对于后端来说需要记忆很多，而且很杂，但是上手比较简单，可视化比较强，能够直观的看到自己的代码所体现出来的内容，很有趣不枯燥，这也是前端吸引我的一点，对于自己的提升可以很直观的从屏幕上看到。HTML语法是前端工程师必须熟练掌握的语法，虽然不是很难，但是内容的繁杂需要我们不断地去学习