HTML|青训营笔记

42 阅读3分钟

HTML|青训营笔记

这是我参与[第五届青训营]伴学笔记创作活动的第1天

前端是什么?

是一个实现跨终端的解决人机交互的技术

无论是移动端还是pc/浏览器的前端的多种技术的实现的最终目的是为了给用户一个优美的,便捷的,好用的交互窗口。 所以,功能性是基础的实现,美观的,无障碍的,安全性好多,性能强大的,前端设计能给用户带去更好的使用体验。而我们前端就应该关注这些。

前端的开发环境

前端因为可以直接使用浏览器可视化的看到成果,所以学习前端是的成就感来的十分快速,上手也比较快。

编辑器我最常使用的是VSCOde,它的代码补全功能十分强大,使用起来十分舒适,一些前端的好用的插件也十分方便的下载。总之我十分推荐使用VScode

HTML

HTML是一个超文本标记语言,它并不是一个编程语言。 它由一系列的标签,而这些标签又有一些属性和其属性值,而让我们去构造一个结构化的页面去呈现一个用户能看懂使用的基本页面。 <img src=""/>//图片

HTML的语义化编写

因为HTML标签都有一定的具体含义,比如button就是按钮,img就是图片,虽然也可以通过一系列的属性更改赋予一个标签其他的功能,但是这样的行为其实有一些多此一举。

浏览器不会因为你把p标签里的字体大小粗细改变而将其认为是h1,h2这样的标题标签。其他开发者看到你的代码时反而会因为你胡乱使用标签而阅读困难。

所以语义化的使用HTML标签,规划好页面的结构是将自己的HTML代码变成好的HTML代码的重要一步。

而要做到语义化去了解各个标签的具体含义和属性内容是至关重要的。所以下一步是要去仔细阅读MDN上的文档和W3C的规范,从而在编写HTML代码的时候对标签使用信手拈来。

总结

前端对用户体验十分注重,编写前端界面时应该多带入用户视角去看看自己编写的界面使用是否方便,交互是否完善。

对于HTML,要多去翻看官方文档,对大多数常规标签要熟练掌握,对各个标签是使用和属性的含义要编写代码出来看看具体的显示效果。

HTML是前端页面内容的体现,样式和行为应该交给CSS和JS去完成最好不要在HTML的标签中去改名标签的样式。