牛客刷题错题解析

news2025/1/15 23:55:53

以下是Video/Audio中会触发的事件的有? load play seeked abort

网址:https://www.nowcoder.com/questionTerminal/fc3b560267fd44e98d02a40a

方法:load() play() pause()
事件:play() playing() pause() seeked() seeking() abort()当音频/视频的加载已放弃时触发
为什么不选a?
因为load()是方法不是事件啦

下列HTML代码中符合HTML5嵌套规范的是: 【学习推荐网站】

<p>
 <a href="some link"><p>some text</p></a> 
 </p> 
 <button type="submit"><a href="some link">some text</a></button> 
 <table>
  <caption>some title</caption> 
  <tbody> <tr> <th>some text</th> <td>some text</td> </tr>
  </tbody> 
  </table> 
 <dl> <dt><h1>some title</h1></dt> <dd> <p>some text</p> <p>some text</p> </dd> </dl> 

选C
A:<p> 元素的父元素不能是 <a> 元素(最后一个 <p> 元素不满足这条件),见 MDN
B: <button> 是行内块元素,可以嵌套行内元素。但是,不推荐嵌套 <a> 元素!!!
在比较多的 UI 库中,都是 <a> 元素嵌套 <button> 元素的。(自己试一下就知道区别了)
C:正确
D:<dl>、<dt>、<dd> 、<h>这些 标题标签 不推荐嵌套块级元素

细节太多了,具体逐一查看 MDN HTML 列表。

其他学习链接:
https://segmentfault.com/a/1190000009638226
https://segmentfault.com/a/1190000002695791

链接:https://www.nowcoder.com/questionTerminal/cde756a1430f43bea2a20c865eb48ddb
来源:牛客网

根据 HTML 规范,以下代码中,外层容器 .outer 的宽高分别是:

<style>
.outer {
height: 50px;
}
.inner {
width: 120px;
height: 100px;
}
</style>

<div class="outer">
<span class="inner">content</span>
</div>

高 50px,宽 120px
高 50px,宽 100%
高 100px,宽 120px
高 100px,宽 100%

span是display:inline 设置宽高是不起作用的,宽高是由自身的撑起的,div是display:block,宽高若有设置就是设置的,没有设置,取默认值。高为自身撑起的,宽为100%

链接:https://www.nowcoder.com/questionTerminal/f4bafe78dbe54b558553cb323110eb1a
来源:牛客网

请选出你认为以下HTML中说法不正确的选项

<p>&nbsp;&nbsp;百度一下,你就知道<br />来这里开始你的新的旅程吧。<div>加油!!</div></p>

代码中不应该出现 应该使用样式来设置;
p标签中可以包含任何标签;
p是段落,如需要换行,直接使用p标签,不需要在p标签中使用br
p标签中不可以添加div这种块级元素标签;

p标签中不能包含某些标签,比如

  • 标签等。p标签中只能包含phrasing content
    p标签是块级元素,常理来说,块级元素是可以嵌套块级元素和行内元素的,但是p标签是个特殊,它里面不能嵌套块级元素。
    p标签内遇到下一个块级元素的标签会自动结束,
    例如<p>p开始<div>xxxxx</div>p结束</p>,会被解析为<p>p开始</p><div>xxxxx</div><p>p结束</p>,相当于写了两个p段落,这不是我们想要的结果
  • 下列选项中哪些标签是HTML5新增的?

    footer
    content
    section
    header

    链接:https://www.nowcoder.com/questionTerminal/00fab8fa2ad74bd69346bd82772df696
    来源:牛客网
    CSS的 content CSS 属性用于在元素的 ::before 和 ::after 伪元素中插入内容。使用content 属性插入的内容都是匿名的可替换元素。
    不是新增的标签

    h5新增的标签 :
    video 表示一段视频并提供播放的用户界面
    audio 表示音频
    canvas 表示位图区域
    source 为video和audio提供数据源
    track 为video和audio指定字母
    svg 定义矢量图
    code 代码段
    figure 和文档有关的图例
    figcaption 图例的说明
    main
    time 日期和时间值
    mark 高亮的引用文字
    datalist 提供给其他控件的预定义选项
    keygen 秘钥对生成器控件
    output 计算值
    progress 进度条
    menu 菜单
    embed 嵌入的外部资源
    menuitem 用户可点击的菜单项
    menu 菜单
    header 定义了文档的头部区域
    section 定义文档中的节(section、区段)。
    nav 定义导航链接的部分
    aside 定义页面独立的内容区域
    article 定义页面的侧边栏内容。
    footer 定义 section 或 document 的页脚

    以下哪个元素没有width属性?

    <input>
    <object>
    <embed>
    <textarea>
    

    链接:https://www.nowcoder.com/questionTerminal/fb06e03c0d8343a8a57616a19f6a2080
    来源:牛客网

    <object>过时了,学不学无所谓
    出题者的意思应该是说:以下元素哪一个没有width属性。这样答案就是<textarea>
    但是<textarea>可以设置cols属性来控制宽度。
    embed标签定义嵌入的内容,比如插件,可以设置高度和宽度,常见属性有height,src,width,type textarea定义多行的文本输入控件,默认字体是等宽字体 object标签定义一个嵌入对象,如图像、视频、音频等,可以设置宽度高度

    哪个元素表示标记或突出显示的文本以供参考?[ok]

    highlight
    mark
    span
    blink
    链接:https://www.nowcoder.com/questionTerminal/85a76d98b12e41e78c1c0a2227331221
    来源:牛客网

    1. highlight jQuery中的,突出特效,通过改变背景颜色来隐藏或者显示一个元素 2) mark h5中的标签,定义带有记号的文本,文本高亮显示 3) strong HTML中的标签,定义重要文本,用来加粗文本 4) blink 是js中的方法,用于显示闪动的字符串,不能用于ie,Chrome,Safari

    HTML5 中不再支持下面哪个元素?[了解即可]

    <q>
    <ins>
    <menu>
    <font>
    

    链接:https://www.nowcoder.com/questionTerminal/92c81a6a21034171977a13b4599ff451
    来源:牛客网

    废除的元素

    1、能用css代替的元素
    basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。

    2、不再使用frame框架。
    frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。

    3、只有部分浏览器支持的元素
    applet、bgsound、blink、marquee等标签。

    链接:https://www.nowcoder.com/questionTerminal/7c2aba66925a438bb11d14dfb11f09c1
    来源:牛客网

    • 页面导入样式文件时,对于使用 link 和 @import 说法错误的是 link 属于 XHTML 标签,除了加载 CSS
      外,还能用于定义 RSS,定义 rel 连接属性等作用;而 @import 是 CSS 提供的,只能用于加载 CSS

    • 页面被加载的时,link 和 @import 引用的 CSS 都会等到页面被加载完再加载

    • @import 是 CSS2.1提出的,只在IE5 以上才能被识别,而 link 是 XHTML 标签,无兼容问题

    • link 支持使用 JS 控制 DOM 去改变样式,而@import 不支持

    link和@import的区别:
    1)link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
    2)link可以加载CSS,Javascript;@import只能加载CSS。
    3)link加载的内容是与页面同时加载;@import需要页面网页完全载入以后加载。

    用法:
    1)link的写法:

    <link rel="stylesheet" href="index.css">
    

    2)import的写法:

    <style type=”text/css”>
        @import url(“index.css”);
    </style>
    

    以下哪一个选项是html5的DTD?【声明ok】

    <!DOCTYPE html>
    <!DOCTYPE HTML PUBLIC>
    <!DOCTYPE xhtml>
    <!DOCTYPE HTML5>
    

    链接:https://www.nowcoder.com/questionTerminal/175f3f568cd84372ba48f8bcb2f77c92
    来源:牛客网

    HTML5 的新的文档类型(DOCTYPE)声明非常简单:
    
    <!DOCTYPE html>
    The new character encoding (charset) declaration is also very simple:
    
    <meta charset="UTF-8">
    

    元素的type属性的取值可以是 [no]

    image
    checkbox
    button
    select
    请添加图片描述

    下列html tag中属于块级元素(block element)有()

    span
    ol
    img
    ul
    链接:https://www.nowcoder.com/questionTerminal/fd31916d708442cabc5e7c8bf5fc404f
    来源:牛客网

    行内元素:行内大多为描述性标记,<span>...</span><a>...</a><b>...</b><i>...</i>

    块级元素:块级元素大多为结构性标记

    <table>...</table>  表格
    <form>...</form>  表单 
    <h1>...</h1>  标题一级<h2>...</h2>  标题二级
    <h3>...</h3>  标题三级<h4>...</h4>  标题四级 
    <p>...</p>  段落
    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/435649.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux移植5.4版本内核:正点原子阿尔法IMX6ULL开发板Linux内核源码移植详细步骤(5.4版本内核)

Linux移植5.4版本内核&#xff1a;正点原子阿尔法IMX6ULL开发板Linux内核源码移植详细步骤&#xff08;5.4版本内核&#xff09; 文章目录 Linux移植5.4版本内核&#xff1a;正点原子阿尔法IMX6ULL开发板Linux内核源码移植详细步骤&#xff08;5.4版本内核&#xff09;1.出厂源…

浅理解JavaScript数组去重的方法(划重点),当面试官问如何实现数组去重时,你可以这样做...

文章目录 &#x1f4cb;前言&#x1f3af;什么是数组去重&#xff0c;运用场景是什么&#xff1f;&#x1f3af;常用的数组去重方法&#x1f9e9;使用 Set 对象&#x1f9e9;使用 Object&#xff08;对象、基于Hash哈希表&#xff09; 或 Map&#x1f9e9;使用 filter 方法与 i…

概率图降低表示需要的参数指的是什么?(贝叶斯网络) 结构化概率模型

深度学习中经常要对概率密度建模。对于多维度随机变量来说&#xff0c;这有些困难。概率化结构&#xff08;既图模型&#xff09;是处理这个问题的手段之一。这引出了两个问题。为什么建模困难&#xff1f;图模型怎样解决了这个困难&#xff1f; 关于这个问题&#xff0c;花书…

图片怎么压缩到200K以内,这3个图片压缩方法,简单有效

你没有遇到过上传图片到网站的时候&#xff0c;图片太大不能上传的情况&#xff1f;还有&#xff0c;许多报名照片要求小于200K&#xff0c;可是照片超过这个大小&#xff0c;应该如何压缩呢&#xff1f;下面我给大家带来3个图片压缩的方法&#xff0c;既能快速压缩图片大小&am…

深度学习技巧应用7-K折交叉验证的实践操作

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下深度学习技巧应用7-K折交叉验证的实践操作。K折交叉验证是一种机器学习中常用的模型验证和选择方式&#xff0c;它可以将数据集分为K个互斥的子集&#xff0c;其中K-1个子集作为训练集&#xff0c;剩下1个子集作为验…

Hive设置元数据支持中文显示

在hive中建外部表时遇见到这样一个问题&#xff0c;就是表字段的中文注释在desc 表结构时看不了&#xff0c;发现原来是Hive的元数据库没有设置支持中文显示 第一步&#xff0c;在元数据库metastore完成初始化后&#xff0c;再次登录MySQL [roothurys24 hurys_table_data]# m…

成功解决:OSError: [E050] Can’t find model ‘en_core_web_sm’.

成功解决OSError: [E050] Can’t find model ‘en_core_web_sm’. 问题描述 在安装spacy包之后&#xff0c;再加载’en_core_web_sm’语言模型时&#xff0c;报出OSError: [E050] Can’t find model ‘en_core_web_sm’. It doesn’t seem to be a Python package or a valid…

【Java】插入排序和希尔排序---图解超详细

目录 插入排序 插入排序的核心图解 希尔排序 希尔排序详细图解 插入排序 插入排序的交换精髓在于 每次随着i的扩大,i走过的路径都是有序的,这和冒泡的思想有异曲同工之处,冒泡是i走一次,数组的最后变成有序的,而插入排序是 插入排序是 i 在前面 j在后面 插入排序的核心图解…

C- 符号

文章目录 符号#ifdef-#endif\接续符转义旋转光标数字倒计时 单引号-双引号逻辑运算符&& ||短路 位运算符异或位运算最好使用定义好的宏左移右移 后置前置复杂表达式 取整0向取整(C中默认取整方式)floor地板取整ceilround 四舍五入 取模取余和取模一样吗? 运算符优先级…

两小时让你全方位的认识文件(一)

想必友友们在生活中经常会使用到各种各样的文件&#xff0c;那么我们是否了解它其中的奥秘呢&#xff0c;今天阿博就带领友友们深入地走入文件&#x1f6e9;️&#x1f6e9;️&#x1f6e9;️ 文章目录 一.为什么使用文件二.什么是文件三.文件的打开和关闭四.文件的顺序读写 一…

网页自动化工具DrissionPage

逛Github时偶然看到的开源项目&#xff0c;DrissionPage是一款新的基于 python 的网页自动化工具。 笔者已测试过&#xff0c;给大家推荐下。 项目地址&#xff1a;https://gitee.com/g1879/DrissionPage 安装测试 安装命令 pip install DrissionPage测试 from Drissio…

unity | 处理string常用的知识(持续更新)

一、转义字符和的用法 1.常规用法 我们现在有一行字&#xff0c;但是我对它的格式之类的有要求 例&#xff1a;天无绝人之路&#xff0c;条条道路通罗马。 我想打成&#xff1a; 天无绝人之路&#xff0c; 条条道路通罗马。 换行前&#xff0c;写法是&#xff1a; string s …

科海思—美国杜笙Tulsimer中国区总代理,制糖脱色树脂A-722

一、产品介绍 具有控制孔径的大孔强碱性Ⅰ型阴特种脱色用离子交换树脂 Tulsimer A-722是一款具有便于颜色和有机物去除的控制孔径的&#xff0c;专门开发的大孔强碱性Ⅰ型阴离子交换树脂。 Tulsimer A-722 &#xff08;氯型&#xff09;专门应用于糖浆脱色。 Tulsimer A…

Python学习简记

常用数据类型 整数类型int 二进制以0b开头八进制以0o开头十六进制以0x开头 这里还有一个值得注意的点&#xff1a;python中的整型是“无限长”的&#xff0c;因此它可以表示任何数 浮点数 python中只有float作为浮点数&#xff0c;没有double 主要注意python中对浮点数与Decima…

Spring系统架构与主要概念

Spring系统架构与主要概念 Spring Framework系统架构Core Container 核心容器AOP 层数据层Web层测试层 业务逻辑Spring之前遇到的问题解决方案 Spring核心概念IOC&#xff08;Inversion of Control&#xff09;控制反转DI&#xff08;Dependency Injection&#xff09;依赖注入…

SRv6实践项目(四):基于YANG的配置下发

在本章节&#xff0c;主要是了解YANG是什么&#xff0c;以及基于YANG下发配置的工作原理&#xff1a; 1.什么是YANG 在介绍之前&#xff0c;为了给大家一个最直观的感受&#xff0c;我们打开yang工具&#xff0c;它被打包成一个容器了&#xff0c;可以轻松的使用&#xff0c;…

完美解决丨1. **`SyntaxError: invalid syntax`**

SyntaxError: invalid syntax 因为没有符合语法要求&#xff0c;导致报错。 解决办法&#xff1a; 语法错误的原因主要是代码的风格&#xff0c;例如&#xff1a; 左括号或者右括号没有配对&#xff1b;左括号或者右括号没有放在语句的正确位置&#xff1b;缺少冒号&#xff1…

Window10下安装DPDK

由于我装的是vs2019&#xff0c;打开Visual Studio Installer&#xff0c;在可选下&#xff0c;选择Windows 10 SDK&#xff0c;点击修改。 右键此电脑属性&#xff0c;查看Windows10版本。 安装WDK&#xff0c;打开网址https://learn.microsoft.com/zh-cn/windows-hardware/…

计算机系统-链接

例行前言&#xff1a; 本篇不是学习课程时的笔记&#xff0c;是重看这本书时的简记。对于学习本课程的同学&#xff0c;未涉及的内容不代表考试不涉及&#xff0c;部分省略的部分是在该课程的讨论课中学习的(PIC&#xff0c;放出了我在讨论课中的PPT作为参考)&#xff0c;核心…

Sentinel使用

文章目录 一. 初识Sentinel1. 雪崩问题及解决方案2. 服务保护技术对比3. Sentinel介绍和安装4. 微服务整合Sentinel 二. 限流规则1. 快速入门2. 流控模式3. 流控效果4. 热点参数限流 三. 隔离与降级—调用方保护方案1. FeignClinet整合sentinel2. 线程隔离&#xff08;舱壁模式…