html基础试题

原创 2015年11月20日 21:01:23

1.请描述一个网页从开始请求到最终显示的完整过程?

1).在浏览器中输入网址;

2).发送至DNS服务器并获得域名对应的WEB服务器的IP地址;

3).与WEB服务器简历TCP连接;

4).浏览器向WEB服务器的IP地址发送相应的HTTP请求;

5).WEB服务器响应请求并返回指定的URL数据,或错误信息,若设定重定向,则重新定向到新的URL地址;

6).浏览器下载数据后解析HTML源文件,解析的过程中实现对页面的排版,解析完成后在浏览器中显示基础页面;

7).分析页面中的超链接并显示在当前页面,重复以上过程直至无超链接需要发送,完成全部显示。

2.DOCTYPE声明的作用是什么,严格模式与混杂模式如何区分?

<!DOCTYPE>声明位于文档的最前面,处于<html>标签前,告知浏览器的解析器,用声明文档类型规范来解析这个文档。

在严格模式(标准模式)中,浏览器根据规范呈现页面;在混杂模式中,页面以向后兼容的方式显示,以防止老站点无法工作。

如果HTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现,对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

3,.简要描述常见的浏览器内核

浏览器内核负责对网页语法的解释并显示网页,它决定了浏览器如何显示网页的内容以及页面的格式信息。

常见的浏览器内核有:Trident:IE; Gecko:Mozilla浏览器如firefox ; Webkit: safari浏览器,也是chrome浏览器的内核原型;Blink:Chrome浏览器,Opera浏览器


4.如何理解html标签语义化?

语义化的主要目的在于直观的认识标签和属性的用途和作用,可以概括为用正确的标签做正确的事情。

html语义化可以让页面的内容结构化,便于浏览器解析,便于搜索引擎解析,并提高代码的可维护度和可重用性。比如以结构化标签<header>、<section>、<footer>等来代替无语义的标签div.


5.锚点的作用是什么?如何创建

锚点是文档某行的一个记号,类似于书签,用于链接到文档中的某个位置。当定义锚点后,我们可以创建直接跳至该锚点的链接,这样试用装就无需不停的滚动页面来寻找他们需要的信息了。

在使用<a>元素创建锚点时,需要使用name属性为其命名,代码如下:

<a name="anchr">锚点</a>
然后创建链接,直接跳转到锚点,代码如下;

<a href="#anchr">回到锚点</a>


6.使用<label>元素显示文本与使用其他文本标记显示文本有什么不同?

<label>元素的直观效果是直接显示标记之间的文本,而且不会为文本呈现任何特殊效果,但是它和其他文本标记所不同的是,它是为鼠标用户改进了用户体验性。

这是因为它可以附带一个for属性,只要将该属性的值设置为表单中任何一个控件的id属性值,则当用户点击该标签(文本)时,浏览器就会自动将焦点转到和标签相关的表单控件上


7.列举常用的结构标记,并描述其作用

结构标记专门用于作为语义化的标签来标识页面中的不同结构,常用有:

<header>元素:用于定义文档的页眉; <nav>元素:用于定义页面的导航链接部分; <section>元素:用于定义文档中的节,标识文档中的一个具体组成部分;

<article>元素:常用于定义独立于文档的其他部分的内容; <footer>元素:常用于定义某区域的脚注信息;<aside>元素:常用于定义页面的一些额外组成部分,如广告栏、侧边栏和相关引用信息。


8.超级链接有哪些常见的表现形式?

1.普通超级链接,语法为:

<a href="' target="">文本</a>
2.下载链接,即目标文档为下载资源,语法如:

<a href="day02.zip">下载</a>
3.电子邮件链接,用于链接到email,语法如:

<a href="mailto:perfectio@yeah.net">联系我</a>
4.空连接用于返回页面顶部如:

<a href="#">..</a>
5.链接到JavaScript以实现特定的代码功能如:

<a href="javascript:void(0)">不做反应</a>
<a href="javascript:...">JS功能</a>

9.简要描述行内元素和块级元素的区别

块级元素的前后都会自动换行,如同存在换行符一样,默认情况下,块级元素会独占一行

行内元素可以与其他行内元素位于同一行,在浏览器中显示时不会换行,对其不能设置高度和宽度。

还有一种称为行内块级元素,比如<img>、<input>等,可以和其他行内元素位于一行,且设置其高度和宽度



10.表单向服务器提交数据有几种方式,有什么区别?

将表单数据发送给服务器常用方式有两种:Get和Post。

浏览器发送给服务器的HTTP请求分为请求头(header)和请求主体(body)两部分,其中必须包含头部分,用于指定发送请求的方式、目的地以及其他关键信息;而主体是可选的,在头数据和主体数据之前用一个空白行来隔开。

假如需要发送请求到页面GetPrice.php,且需要附带数据Symbol=MSFT。

那么使用Get方式发送数据,则简化后的请求数据内容如下

GET/Trading/GetPrice.php?Symbol=MSFT HTTP/1.1
Host:localhost

那么使用Post方式发送数据,简化后的请求内容如下所示:

POST/Trading/GetPrice.php HTTP/1.1
Host:localhost
Content-Type:application/x-www-form-urlencoded
Content-Length:11
Symbol=MSFT

由此可见两种方式的区别主要紫玉发送数据方式不同,使用Get方式向服务器发送表单数据时,表单数据将附加在URL属性的末端;采用POST方法发送数据时,数据会防止在主体中发送







版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

html基础题目

1. 在html中,样式表按照应用方式可以分为三种类型,其中不包括( d    )。 A. 内嵌样式表 B. 行内样式表 C. 外部样式表文件 D. 类样式表 2...

html笔试题

一、选择 1.在一个框架的属性面板中,不能设置下面哪一项。 A、源文件 B、边框颜色; C、边框宽度 D、滚动条 答案:D 2.下列哪一项表示的不是按钮。 A、type="submit...

HTML5试题

HTML5越来越火了,各大招聘网站上都是高新还招不到人。最近公司让我出了几套试题,我就抽取其中的部分试题拿来和大家分享。可能试题还存在部分矛盾,不够完美,但还是可以凑合着使用。希望能对正在html5学...

php面试题之一——HTML+CSS(基础部分)

一、HTML + CSS部分 1. 请说明 HTML 文档中 DTD 的意义和作用(酷讯) DTD,文档类型定义,是一种保证 html 文档格式正确的有效方法,在解析网页时,浏览器将使用 ...
  • s1070
  • s1070
  • 2016-04-17 19:07
  • 725

前端面试题总结HTML CSS部分

1.对WEB标准以及W3C的理解与认识   标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、...

关于HTML面试题汇总之H5

一、H5有哪些新特性,移除了哪些元素?如何处理h5新标签的浏览器兼容性问题,如何区分html和html5 1. html5不在是SGL(通用标记语言)的一个子集,而包含了:图像、位置、存储、多任...

web前端面试题(HTML&CSS)下 答案详解

总结了一下遇到的面试上的问题,希望能帮助到大家【歪脖树】  1.Doctype作用?严格模式与混杂模式如何区分?它们有何意义? (1) 声明位于文档中的最前面,处于  标签之前。告知浏览器的解...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)