开发者社区> 红目香薰> 正文

H5十大新特性(前端面试新手必背)(1)

简介: H5十大新特性(前端面试新手必背)(1)
+关注继续查看

前端HTML5十大新特性总结:


<!DOCTYPE html>


这是什么玩意儿?为什么要写上去?不写上去会怎么样?很少人去注意到,反正就照写就可以了。


HTML5不是SGML的子集,从最开始的声明方式就不一样了。


但是【SGML】又是啥?


SGML是Standard Generalized Markup Language,标准通用标记语言。是一种很复杂的标记语言,从HTML,XML,衍生而来的。


HTML5十大新特性


微信图片_20220113170943.png


1、语义标签

什么是语义标签,我自己的理解就是看到标签我就能明白这是什么意思。以前制作网页布局基本使用div来做。div就是一个普通的块级标签,对搜索引擎来说没有任何的语义。

btw面试前端的时候面试官可能会问你语义标签有哪一些?这平时都是记不住的,都是用到再去查的,所以面试的时候再去复习吧。

HTML5新增的语义标签有以下这个几个,这几个很好记住,在理解的基础上记住。我是在纸上画出页面的大概布局,然后划分区域,填入该区域的标签,根据意思去填。比如头部,就是header对吧,很简单。


Q:对整个HTML结构进行语义化的规范操作有什么好处?

A:1 有利于SEO(Search Engine Optimization 搜索引擎优化),和搜索引擎建立良好的沟通,有助于爬虫爬取更多有效的信息。因为爬虫依赖于标签来确定上下文和各个关键字的权重。

2 方便其他设备的解析(屏幕阅读器,移动设备),以有意义的方式来渲染网页。

3 方便团队开发和维护,增加代码可读性,遵循标准,减少差异化。


<!--header:网页的头部,作为一个网页内容快的标题-->
<header></header>
<!--nav:导航栏部分,定于整个页面的主要导航部分-->
<nav></nav>
<!--section:网页的一个内容区块-->
<section></section>
<!--aside:侧边栏,可以是相关链接或者资料-->
<aside></aside>
<!--artical:区块内的一个独立区域,定义自成一体独立的内容-->
<artical></artical>
<!--footer:网页的尾部,可以是作者,版权信息,附录等等-->
<footer></footer>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
17041 0
web前端学习:HTML5十个新特性
(一)  语义标签          (二)增强型表单          (三)视频和音频          (四)Canvas绘图          (五)SVG绘图          (六)地理定位          (七)拖放API       ...
985 0
前端必知词汇:Sublime Text
Sublime Text 是一个文本编辑器,同时也是一个先进的、跨平台的,用于代码、标记和散文的精致文本编辑器,同时支持Windows、Linux、Mac OS X等操作系统(收费软件,可以无限期试用,但是会有激活提示弹窗)。
149 0
H5十大新特性(前端面试新手必背)(5)
H5十大新特性(前端面试新手必背)(5)
34 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
24816 0
H5十大新特性(前端面试新手必背)(6)
H5十大新特性(前端面试新手必背)(6)
28 0
H5十大新特性(前端面试新手必背)(7)
H5十大新特性(前端面试新手必背)(7)
29 0
前端开发的 10 个 Sublime Text 包
Sublime Text 是最强大的代码编辑器之一,它拥有一些非常棒的功能,而且还可以安装插件或 软件包来变得更加强大。这些插件为 Sublime Text 添加了额外的功能。如今网上有许多相关插件,可以满足你几乎所有的编码需求。
556 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
14683 0
+关注
红目香薰
历经于PRC、Blockchain Technoloogy、E.项目历练。 曾担任过企业的CTO、DBA、PM、OD等职位,较高的代码严谨度,为多个上亿PV的App后端提效20%至40%。 对软件的商业OD与UE有一定的见解,曾帮助企业提高120%的年度效益。
928
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载