前端面试题汇总(全网最全)2

发布时间:2024年01月01日

HTML 部分问题

  1. Q:?<keygen>?是正确的HTML5标签吗?

    A: 是的。

    <keygen>?标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器。这是HTML5的标签。

  2. Q:?<bdo>?标签是否可以改变文本方向?

    A: 是的。

    <bdo>标签可以覆盖默认的文本方向。

    <bdo dir="rtl">这是一些文本</bdo>
    
  3. Q: 下列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)。

  4. Q: 哪种情况下应该使用small标签?当你想在h1?标题后创建副标题?还是当在footer里面增加版权信息?

    A:?small标签一般在版权信息和法律文本中使用,也可以在标题中使用以标注附加信息(bootstrap中可见),但不能用来创建副标题。

    HTML Small Element (<small>) 使文本字体大小缩小一级(例如,从大到中,或从小到超小)直到浏览器的最小字体大小。在HTML5中,此元素被重新用途,用来表示旁注和小字体,包括版权和法律文本,与其样式化的呈现无关。

  5. Q: 在一个结构良好的web网页里,多个h1标签会不利于SEO吗?

    A: 不会影响。

    根据Matt Cutts(Google’s webspam团队的负责人和事实上的专家)的说法,使用多个<h1>标签是可以的,只要你不滥用它(比如把整个页面放在一个<h1>中,并使用CSS将其样式化回正常大小)。这可能不会有任何效果,而且可能会触发惩罚,因为它看起来像垃圾邮件。

    如果你有多个标题,而且使用多个<h1>是自然的,那么就去做吧。

    摘自:http://www.quora.com/Does-using-multiple-h1-tags-on-a-page-affect-search-engine-rankings

  6. Q: 如果你有一个搜索结果页面,你想高亮搜索的关键词。什么HTML 标签可以使用?

    A:<mark>?标签可以表示高亮文本。

    HTML?<mark>?元素表示高亮文本,即,标记为参考目的的一段文本,由于其在特定上下文中的相关性。例如,它可以在显示搜索结果的页面中使用,以高亮显示搜索的每个实例。

  7. Q: 下列代码中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 元素的父元素及其子元素。

  8. HTML5 支持块级超链接吗?例如:

    <article>
        <a href="#">
            <h1>Hello</h1>
            <p>I am some text</p>
        </a>
    </article>
    

    A: 是的。

    在HTML5中,<a>?元素表现为一个超链接,支持任何行内元素和块级元素。

  9. Q: 当下列的HTML代码加载时会触发新的HTTP请求吗?

    <img src="mypic.jpg" style="visibility: hidden" alt="My picture">
    

    A: 会。

  10. Q: 当下列的HTML代码加载时会触发新的HTTP请求吗?

    <div style="display: none;">
        <img src="mypic.jpg" alt="My photo">
    </div>
    

    A: 会。

  11. main1.css一定会在alert('Hello world')被加载和编译吗?

    <head>
        <link href="main1.css" rel="stylesheet">
        <script>
            alert('Hello World');
        </script>
    </head>
    

    A: 是的。

  12. Q: 在main2.css获取前main1一定必须被下载解析吗?

    <head>
        <link href="main1.css" rel="stylesheet">
        <link href="main2.css" rel="stylesheet">
    </head>
    

    A: 不是。

文章来源:https://blog.csdn.net/shrfgbfg/article/details/135314471
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。