这是我参与「第四届青训营 」笔记创作活动的第32天
前言
营内的课不会细讲一些技术点,而是对于技术做好一个比较完整的概括,属于让学生有一个良好的大致知识体系和正确的认识观,因为要求原因我不能透露内部资料,将对一些课的知识点做一下笔记。
HTML是个啥?
一些nt营销号总是拿HTML和一些其他编程语言做对比,惹的让人发笑,让一个标签语言去和编程语言去比有可比性吗? HTML全称为hypertext markup language,即超文本标记语言。超文本是将各种不同空间的文字信息组织在一起的网状文本,如图片,标题,链接与表格等。标记语言如HTML,XML等。
写法与构成
举例<img scr="111.jpg"/>,img为标签,src为属性名,111.jpg为属性值。而一般HTML由哪几个标签组成呢?答:<html><body><head>,这三是必不可少的(基础笔试题)。
DOM树是什么
一般面试官人家问你,页面是怎么解析的,你回答说浏览器把HTML解析成DOM树,CSS解析成CSSOM,结合生成渲染树。其中DOM树就是大家必须要掌握的基础知识。DOM即文档对象模型,树状结构,依次从docement往下级慢慢解析生成DOM树。如图:
HTML内容的划分
在一些更新中加入新的标签,比如header,footer等,我们可以将一个页面大致划分成这类:
什么是语义化?
名字肯定不能瞎起,语义化让开发者更容易理解,也让机器更容易辨别,比如上文提到的header,footer等都是语义化的一种表现。 总结回答:提高代码可读性,可维护性提高,利于搜索引擎优化,提升无障碍性(常见面试题)
想说的一些话
标签语言本质是让人们有更低门栏去编写一些文档,我们在编写时应该要注意可读性让人更容易理解其内容,而不是注重样式,即代码是拿来给别人看的而不是炫耀自己的样式有多牛逼的。