首页 前端知识 2024年Web前端最新HTML(五) 内容分区元素和超链接元素(1),2024年最新web前端页面性能优化

2024年Web前端最新HTML(五) 内容分区元素和超链接元素(1),2024年最新web前端页面性能优化

2024-06-06 23:06:27 前端知识 前端哥 225 183 我要收藏

前端框架

前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。

以 Vue 为例,我整理了如下的面试题。

Vue部分截图

如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

内容

div

无语义内容,html5前并没有语义的标签,到了h5之后,增加了相关语义标签,以后开发尽量用有语义的(但是如果你的网页要兼容老版本的浏览器,那么还是推荐div,因为老版本的浏览器不一定兼容h5标签)

区别:

  • div:无语义

  • section:主题性的内容

  • article:完整的独立内容

nav

含有多个链接的区域,比如导航,通常这个标签就是代表了页面上的导航

aside

表示和页面其他内容几乎无关的内容,场景有:article元素的附属信息(参考资料,名称解释),article元素之外的页面或站点的全局的附属信息(广告,侧边栏)

标题

note:在某个版本之后更新了新的功能

header

表示这个区域是页面的头部

logo

登录
    • 导航1
    • h1-h6

      表示内容是这个网页上的标题,h1-h6的标题是会被搜索引擎收录到的,另外h1标签通常是这个网页的总标题,总名称,一般的网页只有一个h1

      重要程度h1>h2>h3>h4>h5>h6

      footer

      页面的底部内容或者元素的页脚,常用使用的地方有:文章的作者,底部的友情链接,版权显示

      超链接元素

      也就是我们所说的标签,它的作用有以下几个:

      • 跳转到另一个文档,页面:具体写法是,直接在href这个属性里写入文档地址或者页面地址;

      • 跳转到文档内部的某个区域:也就是俗称的锚点,通过href=“#id"跳转,如果返回顶部href=”#"仅有一个井号就行;

      • 作为Email地址:联系我们,也可以有抄送内容的具体写法联系我们

      1. cc:抄送人邮件

      2. subject:主题

      最后

      总的来说,面试官要是考察思路就会从你实际做过的项目入手,考察你实际编码能力,就会让你在电脑敲代码,看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时,有一个清晰的逻辑思路,清楚知道自己在和面试官说项目说技术时的话就好了

      开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

      [外链图片转存中…(img-Muy3wq86-1715422024776)]

      [外链图片转存中…(img-ejZVekaD-1715422024777)]

      开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

    转载请注明出处或者链接地址:https://www.qianduange.cn//article/11131.html
    标签
    评论
    发布的文章

    1.10 Unity中的数据存储 JSON

    2024-06-13 21:06:30

    JSON 数据格式化方法

    2024-06-13 21:06:26

    大家推荐的文章
    会员中心 联系我 留言建议 回顶部
    复制成功!