【牛客网-前端笔试题】——HTML专项练习

🦸个人主页: 小卢要刷力扣题
🦸‍♂️ 作者简介： 大三学生,准备找工作的人儿
🕍 推荐一款找工作神器网站: 《牛客网》 |笔试题库|面试经验|实习招聘内推|
⛪ 系列专栏： 《前端面试题》
🐋 希望大家多多支持😘一起进步呀！
📝 如果文章对你有帮助的话，欢迎评论💬点赞👍收藏📂加关注

---

前言

秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》

一、牛客是做什么的？

牛客网，是一个集笔面试系统、题库、课程教育、社群交流、招聘内推于一体的招聘类网站。牛客是领先的数字化招聘求职解决方案服务商，牛客向企业提供校园招聘技术人才招聘一站式解决方案服务，主要包括招聘渠道服务（发校招岗位收简历） ，招聘SaaS工具服务（笔、面试 、群面系统 ），招聘传播服务（技术竞赛、广告、线上招聘专场、牛客职播。
牛客网题库中包含几万道题目，主要通过第三方购买和 UGC 的方式获得，牛客网先后尝试了直播和录播课，内容覆盖笔试题解析、面试技巧和机器学习等。

在里面可以与大家交流最近的面试心得,
如果不知道怎么面试的或者面试技巧掌握得不够牢固的小伙伴可以在牛客里面找面经来看,快速提升自己的面试能力,以更快的找到自己心仪的工作

HTML专项练习

canvas 标签定义图形，比如图表和其他图像。
canvas 标签只是图形容器，您必须使用脚本来绘制图形。

< source > 元素为 < audio >、< video > 和 < picture > 元素指定多个媒体资源

< style > 标签用于为 HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 “text/css”。
style 元素位于 head 部分中。

SVG 文件可通过以下标签嵌入 HTML 文档：< embed >、< object > 或者 < iframe >。

a标签只是超链接的占位符，href属性中是url地址 电子邮件的url地址的protocol协议部分是mailto

param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 < object > 标签提供参数。

dp是虚拟像素，在不同的像素密度的设备上会自动适配，比如：
在320x480分辨率，像素密度为160，1dp=1px
在480x800分辨率，像素密度为240，1dp=1.5px
所以不可以使用dp

embed是HTML5中新增的标签，可以在页面中嵌入任何类型的文档。用户的机器上必须已经安装了能够正确显示文档内容的程序，一般常用于在网页中插入多媒体格式 embed src=url 说明：embed可以用来插入各种媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径

Ctx.arc(x,y,r,0,Math.PI,true);是画半圆
Ctx.arc(x,y,r,0,2Math.PI,true);画整个圆

局限： 1、创建比一般的 DOM 元素慢了 1-2 个数量级 iframe 的创建比其它包括 scripts 和 css 的 DOM 元素的创建慢了 1-2 个数量级，使用 iframe 的页面一般不会包含太多 iframe，所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题：onload 事件以及连接池（connection pool）
2、阻塞页面加载 及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止，告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后，它给用户的感觉就是这个网页非常慢。 window 的 onload 事件需要在所有 iframe 加载完毕后（包含里面的元素）才会触发。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况
3、唯一的连接池 浏览器只能开少量的连接到 web 服务器。比较老的浏览器，包含 Internet Explorer 6 & 7 和 Firefox 2，只能对一个域名（hostname）同时打开两个连接。这个数量的限制在新版本的浏览器中有所提高。Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接，Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个 绝大部分浏览器，主页面和其中的 iframe 是共享这些连接的。这意味着 iframe 在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要，这当然是很好的。但通常情况下，iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。一种解决办法是，在主页面上重要的元素加载完毕后，再动态设置 iframe 的 SRC。
4、不利于 SEO 搜索引擎的检索程序无法解读 iframe。另外，iframe 本身不是动态语言，样式和脚本都需要额外导入。综上，iframe 应谨慎使用。

HTML5 < canvas > 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. < canvas > 标签只是图形容器，您必须使用脚本来绘制图形。 你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加图像。 表格中的数字表示支持 < canvas > 元素的第一个浏览器版本号：谷歌4.0 IE9.0 火狐2.0 safar3.1 opera9.0

embed标签定义嵌入的内容，比如插件，可以设置高度和宽度，常见属性有height,src,width,type textarea定义多行的文本输入控件，默认字体是等宽字体 object标签定义一个嵌入对象，如图像、视频、音频等，可以设置宽度高度
< textarea > 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

dd和dt是同级的，题目中展示的是包含

< head > 标签用于定义文档的头部，它是所有头部元素的容器。< head > 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：< base >, < link >, < meta >, < script >, < style >, 以及 < title >。
< title > 定义文档的标题，它是 head 部分中唯一必需的元素。

可以被继承的属性：
字体系列：font-family，font-size，font-style，font-weight，font-stretch，font-size-adjust；
列表相关：list-style，list-style-image，list-style-position，list-style-type，list-style-color；
文本系列：text-indent，text-align，line-height，word-spaceing，letter-spacing，text-transform，direction，color；
元素可见性：visibility；
表格布局：caption-side，border-collapse，border-spacing，empty-cells，table-layout；
生成内容：quotes；
光标属性：cursor；
页面样式：page，page-break-inside，Windows，orphans；
声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。

长度单位包括包括：
相对单位
em,ex,ch,rem,vw,vh,vmax,vmin
绝对单位
cm,mm,q,in,pt,pc,px

css中“>”是:
css3特有的选择器，A>B 表示选择A元素的所有子B元素。
与A B的区别在于，A B选择所有后代元素，而A>B只选择一代