认识HTML

HTML的基础知识

什么是前端？

• 用官方的定义，就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
• 用我们的话来说，前端就是网页给访问网站的人看的内容和页面，而前端开发顾名思义就是这些内容的制作，也就是代码的实现。

HTML的特点

• 简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。
•  可扩展性：HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
• 平台无关性：虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是万维网盛行的另一个原因。

前端开发的三大基石

•  HTML：结构，决定网页的结构和内容(“是什么”）
• CSS：表现(样式)，CSS的作用是美化网页，使网页看起来更美观、更易于阅读。
• JavaScript：行为，主要用于实现网页交互效果和动态效果

    在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这些知识都是基础，必须熟练掌握，才能进行流畅的编写。

什么是前端职业？

前端开发中有两个主要角色：前端设计人员和前端工程师。虽然它们听起来可能相似，但两者之间还是有几个区别。

前端设计人员

前端设计人员获取图纸和其他静态图像，并将其转换为网页版本。这是一项艰巨的任务，因为网页需要匹配设计并确保它们在各种屏幕尺寸上工作。

前端工程师

前端工程师不太关注设计，而是更多地关注使网站具有功能性和可扩展性。一些前端工程师也做设计工作，一些公司可能会模糊化两者的区别，也就是说可能一个人或团队会同时负责这些工作。

前端设计涉及哪些内容？

前端设计是一项协作工作，因此需要团队合作。平面设计是前端设计的另一个关键部分。它包括字体和颜色，并确保网站的设计与Web应用程序所针对的公司和产品相匹配。前端开发人员与各个部门协调，以确保 Web 应用程序在所有浏览器和屏幕尺寸（包括手机和平板电脑）上正常工作。在整个开发过程中，他们也可能收到来自这些部门的反馈，因此他们需要能够整合和听取来自不同观点和优先事项的各种人的反馈。

如何才能成为一个优秀的前端工程师？

第一，必须掌握基本的Web前端开发技术，其中包括：HTML5、CSS3、JavaScript、DOM、BOM、Ajax、SEO等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。

第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。

第三，必须学会运用各种工具进行辅助开发。

第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。