网站导航
> 文章列表 > 牛客刷题错题解析

牛客刷题错题解析

网友: 文章列表 2024-03-22 01:31:11

牛客刷题错题解析

以下是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>  段落
网络标签：

相关问题