首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端面试题归类-HTML2

SGML 是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源。HTML 是超文本标记语言,主要是用于规定怎么显示网页。...XML 是可扩展标记语言是未来网页语言的发展方向,XML 和 HTML 的最大区别就在于 XML 的标签是可以自己创建的,数量无限多, 而 HTML 的标签都是固定的而且数量有限。...移动端浏览器通常都在一个比屏幕更宽的虚拟窗口中渲染页面,这个虚拟窗口就是viewport,目的是正常展示没有做移动端适配的网页,可以让他们完整的展现给用户。...我们有时用移动设备访问桌面版网页就会看到一个横向滚动条,这里可显示区域的宽度就是viewport的宽度。...H5是HTML5的简称,就是“HTML”的第5个版本,也就是第5个版本的超文本标记语言。六、 页面导入样式时,使用 link 和 @import 什么区别?

73320

60 个前端 Web 开发流行语你都知道哪些?

3.Attribute(属性) 属性是在开始标签中使用的特殊词,用于控制 HTML 元素的行为 4.Breakpoint(断点) 这是你的网站调整适应屏幕尺寸确保用户在该尺寸下查看网站时获得最佳体验的时间点...11.Crawl(爬行) 这是搜索引擎使用的过程,涉及将机器人发送到你的网站收集存在和不再存在的页面上的信息,并根据收集的信息更新其数据库。必要被搜索引擎索引并被找到。...28.HTML “超文本标记语言”用于在形式和功能方面构建网站的编码语言。 29.HTTP 超文本传输​​(或传输)协议,万维网上使用的数据传输协议。...37.Minification 缩小是最小化代码和标记减小文件大小的过程。例如,在创建 HTML 文件时,开发人员很可能会使用间距、注释和变量来使代码在使用时更具可读性。...与其在构建网站时考虑到桌面,然后考虑它在移动设备上的外观,采用移动优先的方法,而是首先为小屏幕构建网站

91821
您找到你想要的搜索结果了吗?
是的
没有找到

收好61个前端热词清单,成为跟上潮流的前端仔

这些是你的网站调整适应屏幕尺寸的点,确保用户在该尺寸下观看网站最好的体验。 浏览器 Browser 你用来访问网络的程序--如Chrome、Firefox或Safari。...它是由互联网服务器发送至浏览器的数据。每次浏览器访问同一台服务器时,它都会将数据发送回来,作为跟踪它如何(以及如何经常)访问该服务器的一种手段。...超文本标记语言 HTML "超文本标记语言" 在形式和功能方面用于建立网站的编码语言超文本传输(或转移)协议 HTTP 超文本传输(或转移)协议,万维网上使用的数据传输协议。...HTTPS 基本上与HTTP相同,但使用加密方法,确保传入和传出网页的数据。 iFrame 用于将一个网站嵌入另一个网站的HTML元素。...最小化是指将代码和标记最小化减少文件大小的过程。例如,在创建一个HTML文件时,开发人员很可能会使用间距、注释和变量,以使代码在工作中更易读。

2.1K65

Web前端HTML入门教程大全

HTML 或超文本标记语言 允许 Web 用户使用元素、标签和属性创建和构造部分、段落和链接。然而,值得注意的是,HTML 不被视为一种编程语言,因为它不能创建动态功能。...HTML很多用例,即: 网页开发。开发人员使用HTML 代码来设计浏览器如何显示网页元素,例如文本、超链接和媒体文件。 互联网导航。...HTML(代表超文本标记语言)是构成大多数网页和在线应用程序的计算机语言超文本是用于引用其他文本片段的文本,而标记语言是告诉 Web 服务器文档的样式和结构的一系列标记。...JavaScript 添加了动态功能,例如滑块、弹出窗口和照片库。这三种语言是前端开发的基础。 结论 HTML 是 Internet 上的主要标记语言。...每个 HTML 页面都有一系列创建网页或应用程序内容结构的元素。 HTML 是一种对初学者友好的语言很多支持,主要用于静态网站页面。

1.4K00

HTML基础知识巩固你的基础

HTML基础知识 HTML的历史:HTML,XHTML HTML的全局属性:全局标准属性,全局事件属性 HTML的元素: 标记语言...HTML,为超文本标记语言。 XHTML是可扩展超文本标记语言,是一种更纯洁,更严格,更规范的 html代码。...值 说明 _self 在超链接所在框架或窗口中打开目标页面 _blank 在新浏览器窗口中打开目标页面 _parent 将目标页面载入含有该链接框架的父框架集或父窗口中 _top 在当前的整个浏览器窗口中打开目标页面...这个时候不是标签元素了,而是元素。 元素的属性两个shape,cords属性。...个值:yes,no,auto noresize="noresize" 定义该框架无法调整大小,默认是可以调整的 marginheight和marginwidth属性 定义上下左右的边距 <noframe

2.1K10

HTML基础知识

image 标记语言,是一种将文本以及与文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。 HTML,为超文本标记语言。...XHTML是可扩展超文本标记语言,是一种更纯洁,更严格,更规范的html代码。 html文件由文件头和文件体两部分组成。 标签的分类:双标签,单标签。...值 说明 _self 在超链接所在框架或窗口中打开目标页面 _blank 在新浏览器窗口中打开目标页面 _parent 将目标页面载入含有该链接框架的父框架集或父窗口中 _top 在当前的整个浏览器窗口中打开目标页面...这个时候不是标签元素了,而是元素。 元素的属性两个shape,cords属性。...yes,no,auto noresize="noresize" 定义该框架无法调整大小,默认是可以调整的 marginheight和marginwidth属性 定义上下左右的边距

2.6K22

2024年,你需要了解下这 12 个现代化 CSS 新属性

这个属性几个值可以选择,但最常用的可能是以下两个: cover:图片会调整大小覆盖整个元素,并保持其宽高比,这样内容就不会变形。就像你在手机上设置壁纸时,图片会覆盖整个屏幕,但不会拉伸变形。...这意味着它可以根据文本的书写模式(如从左到右、从右到左)自动调整外边距。这对于设计能够适应多种语言和文化的网站尤其重要。...color-scheme属性允许网页告诉浏览器,其内容是为浅色模式、暗色模式,或两者皆适配的。设置此属性后,浏览器会自动调整表单控件、滚动条和CSS系统颜色等UI元素,适应相应的主题模式。...浏览器兼容性 9、width: fit-content 在前端开发中,经常需要调整元素的宽度适应其内容。...width: fit-content 属性允许元素的宽度自动调整适应其内容的大小,相当于“收缩包裹”(shrink wrap)效果。这意味着元素的宽度会刚好足够容纳其内容,不会过大或过小。

40410

php学习之初识html

1.什么是html html 是用来描述网页的一种语言 html 指的是超文本标记语言:HyperText Markup Language 超文本 就是网页上不仅仅有文本,还有图片、音乐、视频等 标记语言是一套标记标签...) 3.html 的核心标记 html 的文档结构 //告诉浏览器后面的代码是html代码 //告诉浏览器当前网页如何显示,如编码、关键词、标题...text格式,html是文本中的小格式 charset:字符集,主要控制汉子如何显示 utf-8:多国家语言编码,什么国家的语言都可以正常显示 :当前网页的标题...代码的规范 html 标记不区分大小写,建议小写。如 html 标记属性可有可无。...html 标记分类 单标记标记只有一个,不是修饰内容的而是显示某个功能的,如果图片,设置编码,设置关键词等 语法::接收的/可以可以没有,必须根据开发网站时要求来

1.3K40

HTML5 & CSS3初学者指南(1) – 编写第一行代码

网页浏览器中输入一段文本地址,就像http://www.codeproject.com,等待一下,网页就加载到浏览器窗口中。一个典型的网页是由文本、图像和链接组成的。...除去内容上的差异,不同网站网页也具有不同的外观和感受,实现在网络上建立自己的身份品牌的目的。...次年,他创作了奠定今天网络基础的三项技术: HTML:超文本标记语言。用于构建、发布和链接网络文件的标准。 URL:统一资源标识符。...顾名思义,HTML通过将内容嵌入在某些预定义的标签中,如、和来标记网页上的每一个文本。任何浏览器都知道如何正确地显示括号标签中文本。...这也使得从一个单个CSS页面将层叠样式应用到一个网站的不同页面成为了可能,避免了要在网站中的每一个页面艰难的编写相同的信息代码。换句话说,使用CSS极大的释放了网站的维护。

1.4K60

HTML---网页编程(1)

; • 动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发给浏览器,动态语言的服务器端可以用C#、VB.Net、PHP、Java、C等编写。...☆用HTML语言创作网页的说明 Web页面可采用超文本标识语言(HTML)创作,它允许将常规的文本与一些用来描述文本的标记混合使用。...HTML概述 HTML是Hyper Text Markup Language的缩写,意思是“超文本标识语言”,它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。...所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。 ☆如何编写一个HTML文件 HTML文件是一个ASCII格式的文件。...使用相对方式来设置表格大小时,浏览器窗口大小的变化会影响到表格大小的变化。

1.8K10

新闻推荐实战 (六) : 前端基础及Vue实战

,他们三层都是独立的, 放到不同的文件里面 1.2.1 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。...HTML 不是一种编程语言而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 1.2.1.1 超文本的含义 超越文本限制:可以加入图片、声音、动画、...CSS HTML 为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。...可以与浏览器窗口进行互动的对象结构。...favicon.ico 用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的 logo。 index.html 首页入口文件,可以添加一些 meta 信息或统计代码。 <!

2.2K20

【适配】425- 彻底搞懂移动Web开发中的viewport与跨屏适配

●这个选框就是视口,显示层就是窗口。 ●在浏览器中,我们可以通过滚动条来移动视口看到更多网页内容。 更形象的视口解释: ?...Q此处插入一个问题: 浏览器中,对页面进行放大的时候,视口的大小如何变化? 2.1 viewport 的缩放与平移 回答上面的问题,视口会变小。...同理,当浏览器窗口比较小,而我们想要看到页面下面的内容时,我们需要向下滚动滚动条浏览器在实现这个的过程中所依赖的,便是视口的下移。...如前面 viewport 概念的解释,css 中同样 px 大小的宽高描述,在不同大小的视口状态下,用户在浏览器窗口中看到的页面大小的效果是不同的。...不做大的代码调整的话,等比缩放类的移动端网页,在 PC 上的合理展现方式应该是页面总宽度锁定在某个值,然后水平方向居中。(如下图) ?

2.8K30

前端硬核面试专题之 HTML 24 问

,还没玩过能拖动程序,resize 程序窗口大小的多窗口操作系统。...HTML5 不基于 SGML(标准通用标记语言(以下简称“通用标言”),因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而 HTML4.01...如何处理 HTML5 新标签的浏览器兼容问题 ?如何区分 HTML 和 HTML5 ? HTML5 现在已经不是 SGML(标准通用标记语言)的子集,主要是关于图像,位置,存储,多任务等功能的增加。...链接交换和链接广泛度(Link Popularity) 网页内容都是以超文本(Hypertext)的方式来互相链接的,网站之间也是如此。...网页分成三个层次,即:结构层、表示层、行为层。 网页的结构层(structurallayer)由 HTML 或 XHTML 之类的标记语言负责创建。

1.1K20

HTML基础01-HTML简介

网页是构成网站的基本元素,它通常由图片、连接、文字、声音、视频等元素组成;我们看到的网页,常见.htm或.html后缀结尾,故称为HTML文件。...1.2什么是HTML HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。...HTML不是一种编程语言而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。...所谓超文本两层含义: 它可以加入图片、音频、视频等内容(超越了文本限制)。 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超链接文本)。...常见的浏览器IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等 2.2浏览器内核 浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显式方式并显示网页

52420

彻底搞懂移动Web开发中的viewport与跨屏适配

●这个选框就是视口,显示层就是窗口。 ●在浏览器中,我们可以通过滚动条来移动视口看到更多网页内容。 更形象的视口解释: ?...Q此处插入一个问题: 浏览器中,对页面进行放大的时候,视口的大小如何变化? 2.1 viewport 的缩放与平移 回答上面的问题,视口会变小。...同理,当浏览器窗口比较小,而我们想要看到页面下面的内容时,我们需要向下滚动滚动条浏览器在实现这个的过程中所依赖的,便是视口的下移。...如前面 viewport 概念的解释,css 中同样 px 大小的宽高描述,在不同大小的视口状态下,用户在浏览器窗口中看到的页面大小的效果是不同的。...不做大的代码调整的话,等比缩放类的移动端网页,在 PC 上的合理展现方式应该是页面总宽度锁定在某个值,然后水平方向居中。(如下图) ?

3.2K20

《Dreamweaver CS6 完全自学教程》笔记 第一章:网页制作基础知识

网页是一个文档,由 HTML 超文本标记语言 来实现。页面间采用 超文本链接 的方式链接成一个整体。...HTML 语言超文本标记语言。可以定义格式化的文本、色彩、图像与超链接等。 URL: 统一资源定位器,也就是页面地址。...1.3.6 网站的参数 衡量一个网站的性能通常从网站空间大小网站位置、网速、网站软件配置、网站提供服务等方面考虑。 最直接的标准是网站的真实流量。...在设计网页的时候,布局的难点在于用户各自的分辨率是不同的。 由于浏览器本身占了一定尺寸 (如水平滚动条是22像素左右),所以网页尺寸要小于屏幕分辨率。...在创建网站目录结构时,不要将所有文件都存放在根目录下,而是按照网站专栏来建立。

69920

html网页详细代码「建议收藏」

2,怎么改变滚动条的颜色,只有ie5.5版本以上才能支持。 这是使用CSS语言,在次说明一下,它和我的浏览器版本一定的关系。 scrollbar-arrow-color:上下按钮上三角箭头的颜色。...【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置适应该页面的具体情况。...通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切换到全角状态。 45,为何我的DW中图形显示不正常。...在这我补充几点: 1.让浏览器窗口永远都不出现滚动条。...【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置适应该页面的具体情况。

7.3K41

【Web世界探险家】打开Web世界的大门

1.1 什么是网页 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页网站中的“一页”。通常是 HTML 格式的文件,它要通过浏览器来阅读。...网页是构成网站的基本元素,它通过由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页常见的 .html 和 htm 后缀结尾的文件,因此将其称为 HTML文件。...1.2 什么是HTML HTML 指的是超文本标记语言,它是用来描述网页的一种语言。...所谓超文本2层含义: 它可以加入图片、声音、动画、多媒体等内容(超越了文本的限制) 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超链接文本) HTML 不是一种编程语言而是一种标记语言...标记语言是一套标记标签。 1.3 网页的形成 网页是由网页元素组成的,这些元素是利用 HTML 标签描述出来的,然后通过浏览器解析来显示给用户的。

5910

从零开始学 Web 之 CSS3(八)CSS3三个案例

1、PC 设备 在PC设备上viewport的大小取决于浏览器窗口大小CSS像素做为度量单位。...,我们通过调整浏览器窗口可以改变 viewport 的大小,为了保证网页布局不发生错乱,需要给元素设定较大固定宽度。...在移动设备上viewport不再受限于浏览器窗口而是允许开发人员自由设置viewport的大小,通常浏览 器会设置一个默认大小的 viewport,为了能够正常显示那些专为PC设计的网页,一般这个值的大小会大于屏幕的尺寸...但是由于我们手机的屏幕很小,而 viewport 的值却很大,所以页面所有的内容就会缩小适应屏幕,所以用手机看起来,这些字体和图片就会特别小,这就像手机设置里面有个电脑版显示一样。...四、屏幕适配 经过分析我们得到,移动页面最理想的状态是,避免滚动条且不被默认缩放处理,我们可以通过设置 来进行控制,并改变浏览器默认的layout

1.3K10
领券