web前端笔试题库之HTML篇
时间:2022-04-22 [网络编程]作者:fabuyuan 浏览:9 次
相关推荐:《web前端笔试题库之CSS篇》
Q1:<keygen>
是正确的HTML5标签吗?
A:是。
<keygen>
标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器。是HTML5 标签。
Q2:<bdo>
标签是否可以改变文本方向?
A:可以。
<bdo>
标签覆盖默认的文本方向。
<bdo dir="rtl">Here is some text</bdo>
Q3:下列HTML代码是否正确?
<figure> <img src="myimage.jpg" alt="My image"> <figcaption> <p>This is my self portrait.</p> </figcaption> </figure>
A:正确
<figure>
标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。使用<figcaption>
元素为figure添加标题(caption)。
Q4:哪种情况下应该使用small标签?当你想在h1 标题后创建副标题?还是当在footer里面增加版权信息?
A:small标签一般使用场景是在版权信息和法律文本里使用,也可以在标题里使用标注附加信息(bootstrap中可见),但不可以用来创建副标题。
The HTML Small Element (
<small>
) makes the text font size one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size. In HTML5, this element is repurposed to represent side-comments and small print, including copyright and legal text, independent of its styled presentation.
Q5:在一个结构良好的web网页里,多个h1标签会不利于SEO吗?
A:不影响。
According to Matt Cutts (lead of Google's webspam team and the de facto expert on these things), using multiple <h1> tags is fine, as long as you're not abusing it (like sticking your whole page in an <h1> and using CSS to style it back to normal size). That would likely have no effect, and might trigger a penalty, as it looks spammy.
If you have multiple headings and it would be natural to use multiple <h1>'s, then go for it.
摘自:http://www.quora.com/Does-using-multiple-h1-tags-on-a-page-affect-search-engine-rankings
Q6:如果你有一个搜索结果页面,你想高亮搜索的关键词。什么HTML 标签可以使用?
A:<mark>
标签表现高亮文本。
The HTML
<mark>
Element represents highlighted text, i.e., a run of text marked for reference purpose, due to its relevance in a particular context. For example it can be used in a page showing search results to highlight every instance of the searched for word.
Q7:下列代码中scope 属性是做什么的?
<article> <h1>Hello World</h1> <style scoped> p { color: #FF0; } </style> <p>This is my text</p> </article> <article> <h1>This is awesome</h1> <p>I am some other text</p> </article>
A:scoped 属性是一个布尔属性。如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
Q8:HTML5 支持块级超链接吗?例如:
<article> <a href="#"> <h1>Hello</h1> <p>I am some text</p> </a> </article>
A:支持。
HTML5中<a> 元素表现为一个超链接,支持任何行内元素和块级元素。
Q9:当下列的HTML代码加载时会触发新的HTTP请求吗?
<img src="mypic.jpg" style="visibility: hidden" alt="My picture">
A:会哇
Q10:当下列的HTML代码加载时会触发新的HTTP请求吗?
<div style="display: none;"> <img src="mypic.jpg" alt="My photo"> </div>
A:会!
Q11:main1.css一定会在alert('Hello world')被加载和编译吗?
<head> <link href="main1.css" rel="stylesheet"> <script> alert('Hello World'); </script> </head>
A:是!
Q12:在main2.css获取前main1一定必须被下载解析吗?
<head> <link href="main1.css" rel="stylesheet"> <link href="main2.css" rel="stylesheet"> </head>
A:no!
Q13:在Paragraph 1加载后main2.css才会被加载编译吗?
<head> <link href="main1.css" rel="stylesheet"> </head> <body> <p>Paragraph 1</p> <p>Paragraph 2</p> <link href="main2.css" rel="stylesheet"> </body>
A:yes!
以上就是web前端笔试题库之HTML篇的详细内容,更多请关注站长家园其它相关文章!
本文标签: web前端html
转载请注明来源:web前端笔试题库之HTML篇
本文永久链接地址:https://www.adminjie.com/post/11443.html
免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。
更多精彩内容
- VUE中V-IF条件判断改变元素的样式操作
- Discuz如何解决安装时报错run_sql_error
- 低版本VS项目在VS2019无法正常编译的问题
- PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
- Oracle数据库的实例/表空间/用户/表之间关系简单讲解
- RSA2是啥?PHP-RSA2签名验证怎么实现?
- 华为dubal20是什么型号
- ana an00华为是什么型号
- 电脑显示信号线无连接是什么意思
- app是什么应用程序的简称
- html5的标题标记一共有几个等级
- html5中onclick是什么意思
- 小程序大小超限除了分包还能怎么做?如何避免和解决大小限制?
- vivov1818a是什么手机型号
- 超清视效是什么意思

- 最新文章
-
-
oracle怎么关闭触发器
oracle关闭触发器的方法:1、利用“altertable表名disablealltriggers;”语句关闭表中所有的触发器;2、利用“alter...
-
什么是状态?深入学习angular中的动画
本篇文章带大家深入了解一下angular中的动画,简单介绍一下创建动画的方法,并聊聊关键帧动画、动画回调、可重用动画、交错动画等知识点,希望对大家有所帮助!状态...
-
Excel数据查询之INDEX和MATCH函数
本篇文章给大家带来了关于excel的相关知识,主要介绍了INDEX函数和MATCH函数,这两个函数组合,能够完成VLOOKUP函数和HLOOKUP函数的全部查找...
-
深入了解Vue中的调试工具和指令
本篇文章带大家继续学习Vue,详细介绍一下Vue入门必备知识中的调试工具和指令,希望对大家有所帮助!vue的调试工具(1)安装vue-devtools调试...
-
php中哪个符号可以声明一个数组
php中的“[]”符号可以声明一个数组。两种声明方法:1、用“$数组变量名=[元素值]”语句,“[]”中可以包含多个值列表,值之间用逗号分隔,若省略值列表则声明...
-
- 热门文章
-
-
VUE中V-IF条件判断改变元素的样式操作
这篇文章主要介绍了VUE中V-IF条件判断改变元素的样式操作,具有很好的参考价值,希望对大家有所帮助。一起跟随想过来看看吧...
-
Discuz如何解决安装时报错run_sql_error
问题环境VMware虚拟机Centos7.3PHP7.0MySQL8.0NGINX1.14Discuz3.4问题还原本地环境为PHP5.6+MySQL5.6在安...
-
低版本VS项目在VS2019无法正常编译的问题
低版本VS项目在VS2019无法正常编译的问题这里指的编译并不准确,只是为了方便说明。后有(未安装),201?...
-
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
实现原理使用redis链表来做,因为pop操作是原子的,即使有很多用户同时到达,也是依次执行,推荐使用。实现步骤第一步,先将商品库存入队列/**.trigge...
-
Oracle数据库的实例/表空间/用户/表之间关系简单讲解
完整的Oracle数据库通常由两部分组成:Oracle数据库和数据库实例。Oracle是一种数据库管理系统,是一种关系型的数据库管理系统。我们用这些高级权限账号...
-