前端与HTML
什么是前端？
随着互联网全面进入移动时代，前端逐渐成为互联网行业中的重要角色。前端是做什么的？工作内容有哪些？简单来讲，前端要做的就是将产品的UI设计稿在用户终端上实现，因此可以说用户看到的所有视觉和交互都是前端的工作领域。根据这个定义，我们可以把前端的工作内容总结为根据产品的需求，配合开发和UI设计部门完成前端页面的开发，并负责前端应用的维护和优化。
前端主要解决解决以下几个问题，1.解决GUI人机交互问题，2.跨终端问题，包括PC/移动端浏览器、客户端小程序、VR/AR等，3.web技术栈前端技术栈
前端技术栈最基础的就是html、CSS、Javascript; html负责网页的骨骼，用于网页框架和内容的搭建，CSS负责前端的皮肤，负责美化和修饰界面的样式，比如说颜色，大小，和字体，Javascript来构建网页的行为，负责人与界面进行交互。三者都是运行在浏览器里面，而浏览器可以通过http网络协议与服务器端进行通信，它把前端的代码通过浏览器渲染成我们看到的页面，浏览器也可以将用户填写的内容或者是用户的一些行为通过http协议传回服务器端，所以说html、css、JavaScript构成了最基础的技术栈。前端应该关注哪些方面？
图形交互下的界面：核心是功能，即前端是为了解决什么问题？有没有满足用户的需求 美观：做出来的界面是否好看 无障碍：做的网站是否所有人都适合使用，比如说有色盲症的用户 安全：做的网站是否能保证所有用户的数据安全也是十分重要的一个方面 性能：考察网站做出来是否能快速地运行，运行速度是否足够快，动画是否足够流畅，体验是否足够好 兼容性：做出来的网页是否能在各种设备上正常使用。 用户对产品的直观感受很大一部分是来自前端的，所以好的前端能给用户带来更好的使用体验。前端的边界？
随着前端技术的成熟，前端技术也可以在其他领域发挥其独有的作用，比如说我们可以用NodeJs去开发服务器端的一些应用，再比如说我们可以使用electron去开发客户端的应用，也可以用react native进行在线的传输，实现多人的会议，也可以使用webGl去开发3D的游戏.总之，前端在互联网行业是一个发展非常快的领域前端技术也在不断地更新迭代。
HTML
html，全称为Hypertext Markup Language，超文本标记语言，所谓超文本，就是说其布置包括文本，还可以包括图片、音乐、视频、表格等内容。 它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果（如 [CSS]），或功能与行为（如 [JavaScript]）。“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接， HTML 使用“标记”（markup）来注明文本、图片和其他内容，以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 <head>、<title>、<body>、<header>、[<footer>]、[<article>]、[<section>]、[<p>]、[<div>]、[<span>]、[<img>]、[<aside>]、[<audio>]、[<canvas>]、[<datalist>]、[<details>]、[<embed>]、[<nav>]、[<output>]、[<progress>]、[<video>]、[<ul>]、[<ol>]、[<li>] 等等。
HTML 元素通过“标签”（tag）将文本从文档中引出，标签由在“<”和“>”中包裹的元素名组成，HTML 标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，<title> 标签可以写成 <Title>，<TITLE> 或以任何其他方式。然而，习惯上与实践上都推荐将标签名全部小写。
作者：南弦月
链接：juejin.cn/post/726741…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
