15个测试你知识的HTML问题

WebFX总统。Bill在互联网营销行业有超过25年的经验，擅长SEO, UX，信息架构，营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

你知道HTML吗?大多数开发人员可能觉得他们已经很好地掌握了现代Web标准。正是基于这一点，我向你提出了一个挑战。

下面您将看到一些HTML问题，这些问题将测试您对标记语言的熟悉程度和理解程度。如果您正在进行工作面试，您可以使用这些问题来评估候选人对Web标准标记语言的了解程度。您还将发现有关密切相关的标记语言和标准(如XML、XHTML和微格式为了考验你的勇气。

这个“测试”没有时间限制或分数追踪，所以你可以慢慢来。然后，在评论中分享你的结果。你对HTML了解多少?＂width=

初学者的问题

问题1

发布HTML规范的主要国际标准机构的名称是什么?

看到答案

答:万维网联盟(W3C)。W3C成立于1994年10月。你可以找到当前推荐的HTML规范W3C的官方网站w3.org。

问题2

有多少HTML标题级别?

看到答案

答:6.HTML标题元素是h1，h2，h3，h4，h5,编辑．您可以使用这些元素创建HTML文档内容的层次大纲。

问题3

下面的HTML标记有什么问题?

< p风格”字体大小:10 px;＂版权< span > 2015 > < / span > < / p >

看到答案

答:的风格属性缺少一个等号(＝)的迹象。但是，你知道在当前的HTML标准下，双引号(＂)是否可选?< pclass="content-break">

只要属性值没有空格，就可以去掉双引号。因此，以下是有效的HTML标记:

< p风格=字体大小:10 px;版权< span > 2015 > < / span > < / p >

了解更多有关未加引号的属性值语法节8.1.2.3属性HTML5规格。

问题4

哪个版本的Internet Explorer最先支持新的HTML5元素?

看到答案

答:Internet Explorer 9 (IE9)。IE9于2011年3月发布。IE9是第一个支持new语义HTML元素如文章而且部分，以及帆布以及内联SVG支持等等。

问题5

允许您设置值的元数据的名称是什么初始= 2导致页面放大到自然大小的两倍?

看到答案

答: 视窗．在下面的例子中，视窗Meta标签(通常称为Meta标签)用于指定缩放级别必须是设备宽度的两倍:< pre>标准元数据名称为元元素。

但是，它得到了浏览器的良好支持。Quirksmode有一本很好的指南视窗meta标签．

问题6

在下面的例子中，微格式的名称是什么?填写空格(?？?）.

< span class = "?？?" > < span class = "纬度”> 52.48 < / span >, <跨类=“经度”> -1.89 < / span > < / span >

看到答案

答: 地理．地理是一种用于在HTML和其他标准标记语言中语义标记地理坐标的微格式。< pclass="content-break">

阅读更多关于地理格式Geo微格式维基．

问题7

RSS、Atom和OpenSearch使用什么标记语言?

看到答案

答:可扩展标记语言。XML是E的缩写X可伸长的米arkupl语言。< pclass="content-break">

通过阅读了解这门语言XML是W3C规范．

问题8

以字母K开头的HTML5新元素叫什么?

看到答案

答: 注册机．的注册机元素用于标记生成公私密钥对的控制元素，该密钥对通常用于加密。< pclass="content-break">

中间的问题

问题9

如果一个超链接指向一个包含当前网页主要内容版权信息的资源，你可以在超链接上指定什么类型的链接?

看到答案

答: 许可证．的许可证Link type的取值如下:< pre>
rel = "许可证"href = " copyright.html " >版权信息。< / > < > /主要

了解更多有关许可证链接类型(和其他超链接链接类型)通过读取本指南．

问题10

根据Microdata和Schema.org词汇表，指示元素的后代可能包含关于元素的信息的微数据布尔属性的名称是什么?

看到答案

答: itemscope．当itemscope属性在HTML元素上指定时，它会通知搜索引擎和web浏览器，HTML元素的后代可能携带有关HTML元素的机器可读信息。< pclass="content-break">

搜索引擎，如谷歌，微软和雅虎!使用微数据标记来改进搜索结果。

问题11

代表换行符的HTML5元素是什么机会?

看到答案

答: 超级．的超级元素指示文档中有机会在需要时呈现换行符的位置。< pclass="content-break">

Quirksmode描述了效用的超级元素如果你对这个晦涩的HTML标签感到好奇的话。

问题12

可以使用什么属性来指定正则表达式，该正则表达式描述输入元素?

看到答案

答: 模式．的模式属性公开客户端、机器可读的描述输入元素正在被验证。< pclass="content-break">

反过来，辅助技术等软件可以利用这一点帮助用户理解表单提交不成功的原因。该属性还可以与JavaScript一起用于客户端输入验证逻辑。

专家的问题

问题13

根据HTML5 W3C推荐，有多少状态/值类型属性?

看到答案

答:18.你可以看到所有的状态类型属性节4.10.5.1 type属性的状态．

问题14

哪一个HTML元素可以用来表示和注释东亚字符的发音?

看到答案

答: ruby．Ruby字符是注释字符，通常与东亚相关(例如。< pclass="content-break">

日文和中文)印刷术。下面是一个来自HTML5规范的例子，它使用ruby元素:

ruby > < < rt > ? < / rt > < / ruby > < ruby > ? < rt > ? ?ruby > < / rt > < /4.5.21 ruby元素

问题15

HTML5扮演哪一个ARIA里程碑式的角色页脚元素默认为页脚元素不在文章或部分元素?

看到答案

答: contentInfo．ARIA地标角色是网页中包含导航辅助工具的区域。< pclass="content-break">

导航辅助是网站的导航菜单或面包屑导航。的contentInfo角色是这些标准的标志性角色之一。的contentInfo角色表示元素包含关于网页的信息。

中定义的3.2.7.3强本机语义,如果页脚元素不在文章或者一个部分元素,其角色隐式设置为contentinfo．

你做得怎么样?

如果你没有把它们都做好，不要感到难过。如果每个问题都能得到正确答案，我会很惊讶的。

对于你成功回答正确的问题，祝贺你!你答对了多少道题?哪些问题让你感到困难?

在评论中分享你的想法。

相关内容

亚历山大·道森他是一名网页设计师/开发人员和专门从事网页标准、可访问性和用户体验设计的书籍作者。在他的个人网站了解更多关于他的信息，HiTechy．

你网站的SEO怎么样?

使用我们的免费工具，让您的分数计算在60秒内。

表的内容

你网站的SEO怎么样?

使用我们的免费工具，让您的分数计算在60秒内。

WebFX职业

加入我们的使命，为全球的企业提供业界领先的数字营销服务，同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!