面试题之HTML篇(一)

一第一篇章:HTML

1、对html语义化的理解

html语义化让页面的内容结构化,结构更加清晰。便于浏览器、搜素引擎解析。即使在没有css的情况下也以一种文档格式显示,容易阅读。搜素引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO。使得阅读代码的人更容易将网站分块,便于阅读维护。

2、title和alt属性的区别是什么?

alt是给搜索引擎识别,在图像无法显示时的替代文本。title是关于元素的注释信息,主要是给用户解读。ps:在IE中alt也起到了title的作用,变成了文字提示,因此在定义img对象时,将alt和title属性写全,可以保证在各种浏览器中都能正常使用

3 、iframe的优缺点

优点:

  • 解决加载缓慢的第三方内容的加载问题
  • Security sandbox
  • 并行加载脚本
    缺点
  • 阻塞主页面的onload事件
  • 即时内容为空,加载也依然需要时间
  • 没有语意
4、href与src的区别

href指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或关系。
src,指向外部资源的位置,指向的内容将会应用到文档中当前标签所在的位置
区别:
1、请求资源类型不同:href指向网络资源所在位置,建立和当前元素或者当前文档之间的联系,在请求src资源时会将其指向的资源下载并应用到文档中
2、作用结果不同:href用于在当前文档和引用资源之间确立联系,src用于替换当前内容
3、浏览器解析方式不同:当浏览器解析到src,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕。这就是为什么建议把js脚本放在底部而不是头部的原因

5、 你有使用过MediaRecorder吗?说说它的运用场景有哪些?

MediaRecorder() 构造函数会创建一个对指定的 MediaStream 进行录制的 MediaRecorder 对象

6、H5页面在微信中如何禁止分享给好友和朋友圈?

利用JSBridge实现调用微信提供的一些原生功能,可以通过调用隐藏操作菜单来实现禁用分享。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});
7、DOCTYPE有什么作用

DOCTYPE声明一般位于文档的第一行,它的作用主要是告诉浏览器以什么样的模式来解析文档,一般指定了之后会以标准模式来进行文档解析。否则就以兼容模式进行解析。
在标准模式下,浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下,浏览器会以向后兼容的方式来模拟老式浏览器的行为。以保证一些老的网站的正确访问

8、标准模式(严格模式)与兼容模式(混杂模式)有什么区别

在标准模式下,浏览器的解析规则都是按照最新的标准进行解析的,而在兼容模式下。浏览器会以向后兼容的方式来模拟老式浏览器的行为,以保证一些老的网站的正确访问

9、SGML、XML、HTML、XHTML的关系?

SGML是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源
XML是可扩展标记语言
hTML是超文本标记语言,是一种基于web网页的语言。XML和HTML最大区别在于XML的标签是可以自己创建的,数量无限多。而HTMl的标签都是固定的而且数量有限
XHTML是现在基本上所有网页都在用的标记语言。是一种基于XML、语法严格,标准的设计 语言。他其实和HTML没有什么 本质的区别,标签一样,用法也一样,就是比HTML更加严格,比如标签都必须用小写。标签都必须有闭合标签

10、什么是闭合标签?

所谓闭合标签,就是标签有开始,有结束。

11、DTD是什么

DTD指的是document type definition文档类型定义,是一组机器可读的规则,是html文档的验证机制。DTD定义XML或HTML的特定版本中所有允许元素以及它们的属性和层次关系等。在解析网页时,浏览器将使用这些规则检查页面的有效性并且采用相应的措施。

12、谈谈你对web标准和W3C的理解和认识

web标准主要强调的是一个网站的结构,样式,行为相分离。从而达到结构清晰,易于阅读,易于维护的目的。
w3c对web标准提出了规范化的要求,也就是在实际编程中的一些代码规范,包含如下几点
1)、对于结构:标签字母要小写,标签要闭合,标签不允许随意嵌套。用标签语义化来提高搜素引擎对页面的抓取效率
2)、对于样式和行为:

  • 尽量使用外链css样式表和js脚本。
  • 样式尽量少用行间样式表,使代码易维护,可复用
13、SEO是什么?

seo,即搜索引擎优化。做seo优化的目的就是为了提升网站在搜素引擎中的权重,使得用户在搜索网站时网页能排在前面

热门文章

暂无图片
编程学习 ·

那些年让我们目瞪口呆的bug

程序员一生与bug奋战,可谓是杀敌无数,见怪不怪了!在某知识社交平台中,一个“有哪些让程序员目瞪口呆的bug”的话题引来了6700多万的阅读,可见程序员们对一个话题的敏感度有多高。 1、麻省理工“只能发500英里的邮件” …
暂无图片
编程学习 ·

redis的下载与安装

下载redis wget http://download.redis.io/releases/redis-5.0.0.tar.gz解压redis tar -zxvf redis-5.0.0.tar.gz编译 make安装 make install快链方便进入redis ln -s redis-5.0.0 redis
暂无图片
编程学习 ·

《大话数据结构》第三章学习笔记--线性表(一)

线性表的定义 线性表:零个或多个数据元素的有限序列。 线性表元素的个数n定义为线性表的长度。n为0时,为空表。 在比较复杂的线性表中,一个数据元素可以由若干个数据项组成。 线性表的存储结构 顺序存储结构 可以用C语言中的一维数组来…
暂无图片
编程学习 ·

对象的扩展

文章目录对象的扩展属性的简洁表示法属性名表达式方法的name属性属性的可枚举性和遍历可枚举性属性的遍历super关键字对象的扩展运算符解构赋值扩展运算符AggregateError错误对象对象的扩展 属性的简洁表示法 const foo bar; const baz {foo}; baz // {foo: "bar"…
暂无图片
编程学习 ·

让程序员最头疼的5种编程语言

世界上的编程语言,按照其应用领域,可以粗略地分成三类。 有的语言是多面手,在很多不同的领域都能派上用场。大家学过的编程语言很多都属于这一类,比如说 C,Java, Python。 有的语言专注于某一特定的领域&…
暂无图片
编程学习 ·

写论文注意事项

参考链接 给研究生修改了一篇论文后,该985博导几近崩溃…… 重点分析 摘要与结论几乎重合 这一条是我见过研究生论文中最常出现的事情,很多情况下,他们论文中摘要部分与结论部分重复率超过70%。对于摘要而言,首先要用一小句话引…
暂无图片
编程学习 ·

安卓 串口开发

上图: 上码: 在APP grable添加 // 串口 需要配合在项目build.gradle中的repositories添加 maven {url "https://jitpack.io" }implementation com.github.licheedev.Android-SerialPort-API:serialport:1.0.1implementation com.jakewhart…
暂无图片
编程学习 ·

2021-2027年中国铪市场调研与发展趋势分析报告

2021-2027年中国铪市场调研与发展趋势分析报告 本报告研究中国市场铪的生产、消费及进出口情况,重点关注在中国市场扮演重要角色的全球及本土铪生产商,呈现这些厂商在中国市场的铪销量、收入、价格、毛利率、市场份额等关键指标。此外,针对…
暂无图片
编程学习 ·

Aggressive cows题目翻译

描述&#xff1a; Farmer John has built a new long barn, with N (2 < N < 100,000) stalls.&#xff08;John农民已经新建了一个长畜棚带有N&#xff08;2<N<100000&#xff09;个牛棚&#xff09; The stalls are located along a straight line at positions…
暂无图片
编程学习 ·

剖析组建PMO的6个大坑︱PMO深度实践

随着事业环境因素的不断纷繁演进&#xff0c;项目时代正在悄悄来临。设立项目经理转岗、要求PMP等项目管理证书已是基操&#xff0c;越来越多的组织开始组建PMO团队&#xff0c;大有曾经公司纷纷建造中台的气质&#xff08;当然两者的本质并不相同&#xff0c;只是说明这个趋势…
暂无图片
编程学习 ·

Flowable入门系列文章118 - 进程实例 07

1、获取流程实例的变量 GET运行时/进程实例/ {processInstanceId} /变量/ {变量名} 表1.获取流程实例的变量 - URL参数 参数需要值描述processInstanceId是串将流程实例的id添加到变量中。变量名是串要获取的变量的名称。 表2.获取流程实例的变量 - 响应代码 响应码描述200指…
暂无图片
编程学习 ·

微信每天自动给女[男]朋友发早安和土味情话

微信通知&#xff0c;每天给女朋友发早安、情话、诗句、天气信息等~ 前言 之前逛GitHub的时候发现了一个自动签到的小工具&#xff0c;b站、掘金等都可以&#xff0c;我看了下源码发现也是很简洁&#xff0c;也尝试用了一下&#xff0c;配置也都很简单&#xff0c;主要是他有一…
暂无图片
编程学习 ·

C语言二分查找详解

二分查找是一种知名度很高的查找算法&#xff0c;在对有序数列进行查找时效率远高于传统的顺序查找。 下面这张动图对比了二者的效率差距。 二分查找的基本思想就是通过把目标数和当前数列的中间数进行比较&#xff0c;从而确定目标数是在中间数的左边还是右边&#xff0c;将查…
暂无图片
编程学习 ·

项目经理,你有什么优势吗?

大侠被一个问题问住了&#xff1a;你和别人比&#xff0c;你的优势是什么呢? 大侠听到这个问题后&#xff0c;脱口而出道&#xff1a;“项目管理能力和经验啊。” 听者抬头看了一下大侠&#xff0c;显然听者对大侠的这个回答不是很满意&#xff0c;但也没有继续追问。 大侠回家…
暂无图片
编程学习 ·

nginx的负载均衡和故障转移

#注&#xff1a;proxy_temp_path和proxy_cache_path指定的路径必须在同一分区 proxy_temp_path /data0/proxy_temp_dir; #设置Web缓存区名称为cache_one&#xff0c;内存缓存空间大小为200MB&#xff0c;1天没有被访问的内容自动清除&#xff0c;硬盘缓存空间大小为30GB。 pro…
暂无图片
编程学习 ·

业务逻辑漏洞

身份认证安全 绕过身份认证的几种方法 暴力破解 测试方法∶在没有验证码限制或者一次验证码可以多次使用的地方&#xff0c;可以分为以下几种情况︰ (1)爆破用户名。当输入的用户名不存在时&#xff0c;会显示请输入正确用户名&#xff0c;或者用户名不存在 (2)已知用户名。…