HTML(五) 内容分区元素和超链接元素,2024火爆全网系列

38 阅读2分钟

section

标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

标题

内容

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:主题

  3. body:正文

  1. 在移动端的a标签,可以调用拨号软件,拨打电话号码

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等

前端视频资料: 开源分享:docs.qq.com/doc/DSmRnRG…