section
标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。标题
内容
div
无语义内容,html5前并没有语义的标签,到了h5之后,增加了相关语义标签,以后开发尽量用有语义的(但是如果你的网页要兼容老版本的浏览器,那么还是推荐div,因为老版本的浏览器不一定兼容h5标签)
区别:
-
div:无语义
-
section:主题性的内容
-
article:完整的独立内容
nav
含有多个链接的区域,比如导航,通常这个标签就是代表了页面上的导航
aside
表示和页面其他内容几乎无关的内容,场景有:article元素的附属信息(参考资料,名称解释),article元素之外的页面或站点的全局的附属信息(广告,侧边栏)
标题
note:在某个版本之后更新了新的功能header
表示这个区域是页面的头部
登录
- 导航1
h1-h6
表示内容是这个网页上的标题,h1-h6的标题是会被搜索引擎收录到的,另外h1标签通常是这个网页的总标题,总名称,一般的网页只有一个h1
重要程度h1>h2>h3>h4>h5>h6
footer
页面的底部内容或者元素的页脚,常用使用的地方有:文章的作者,底部的友情链接,版权显示
超链接元素
-
跳转到另一个文档,页面:具体写法是,直接在href这个属性里写入文档地址或者页面地址;
-
跳转到文档内部的某个区域:也就是俗称的锚点,通过href="#id"跳转,如果返回顶部href="#"仅有一个井号就行;
-
cc:抄送人邮件
-
subject:主题
-
body:正文
- 电话号码:13312346789
- 在移动端的a标签,可以调用拨号软件,拨打电话号码
最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
前端视频资料:
开源分享:docs.qq.com/doc/DSmRnRG…