html基础试题

来源：互联网发布：js apply原理编辑：程序博客网时间：2024/06/06 00:21

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<a name="anchr">锚点</a>

然后创建链接，直接跳转到锚点，代码如下;

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

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

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

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

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

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

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>

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

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

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

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

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

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

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

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

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

0 0