Web前端面试题-HTML基础

最新推荐文章于 2024-05-28 14:55:45 发布

成长中的码农Mr.Yellow

最新推荐文章于 2024-05-28 14:55:45 发布

阅读量522

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_41595727/article/details/109017071

版权

1、标准的HTML文档必须包含那几个元素（）

A. p B. html C.head D.div

答案：HTML文档必须包括4个HTML元素，分别是DOCTYPE、html、head和body

2、以下选项是HTML的DTD的是（）

A. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

B. <!DOCTYPE html>

C.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

D.<!DOCTYPE html PUBLIC>

答案：B，HTML5因为不在基于SGML，所以在他的声明中不需要引用DTD

3、以下元素的写法那些不符合XHTML 1.0的规范（）

A. <P>打开文本框</p>

B. <button name=add>提交</button>

C.<a href="javascript:;">跳转首页</a>

D.<p>电脑<b><i>必须</b></i>重启</p>

答案：ABD

4、下面最适合定义标题的方式是（）

A. <section id="heading">标题</section>

B. <p><strong>标题</p></strong>

C.<h4>标题</h4>

D.<header>标题</header>

答案：C,h1~h6元素都可以表示标题，但体现的重要性不同。section元素表示文档的以节，可以包含标签。p元素表示段落。header元素表示首部，可包含标题、logo、搜索框等

5、请描述下面代码的作用。

<ul role="listbox">
	<li role="option">蓝色</li>
	<li role="option" aria-selected="true">红色</li>
</ul>

答案：上面的代码通过ARIA的属性，让设备知道ul元素表示选择框，li元素表示选择框的选项，并且第二个选项处于选中状态。ARIA属性是由WAI-ARIA(Web Accessibility Initiative-Accessible Rich Internet Application)引入的，这些属性为存在视觉障碍的用户服务，可添加在任何HTML元素中，有两类定义方式：role和aria-*（以aria-开头的属性），role属性定义了对象的通用类型（包括radio、checkbox、button等）。aria-*属性提供有关对象的特定信息，例如单选框或复选框的checked状态、按钮的disabled状态等。更多信息可以参考W3C中的WAI-ARIA章节

6、HTML实体的应用场景有哪些？

答案：如果要在HTML文档中显示特殊字符（例如“<”，“>”等），那么就可以使用HTML实体。HTML实体还可以预防XSS（跨站脚本攻击）攻击。XSS通常会将脚本代码注入到HTML文档中，在解析执行。但使用了HTML实体后，就可以让相关代码只打印，而不执行

成长中的码农Mr.Yellow

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Web前端面试题-HTML基础

1、标准的HTML文档必须包含那几个元素（）A. p B. html C.head D.div答案：HTML文档必须包括4个HTML元素，分别是DOCTYPE、html、head和body2、以下选项是HTML的DTD的是（）A. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">B. <!DOCTYPE html>C.<!DOCTYPE html P...
复制链接

扫一扫