HTML基础meta标签doctype函数,如何区分严格模式和混杂模式,它们的意义是什么?doctype声明位于HTML文档的第一行,在html标记之前,用于告诉浏览器解析器使用什么文档标准来解析文档。如果doctype不存在或者格式不正确,文档将在兼容模式下以兼容模式渲染。该页面以轻松的向后兼容方式显示,模拟旧版浏览器的行为以防止网站崩溃。标准模式的排版和JS运行方式均以浏览器支持的最高标准运行。如果HTML文档包含完整的文档类型,则通常以标准模式呈现。对于HTML4.01文档,包含严格DTD的文档类型通常会导致页面以标准模式呈现。缺少doctype或格式错误将导致文档以混合模式呈现。出现。请描述一个网页从最初请求到最终显示的完整过程?1.在浏览器中输入网址2.发送给DNS服务器,获取域名对应的WEB服务器的IP地址3.与WEB服务器建立TCP连接4.浏览器发送给WEB的IP服务器地址发送相应的HTTP请求5.WEB服务器响应请求,返回指定url的数据或错误信息。如果重定向,则重定向到新的url地址6.浏览器下载数据后,解析HTML源文件。在解析过程中,实现页面的排版。解析完成后,浏览器显示基本页面7、分析页面中的超链接在当前页面显示链接,重复上述过程,直到不需要发送超链接,所有数据显示完成。为什么html5只需要写?HTML5不是基于SGML,所以没有必要引用DTD。HTML4.01是基于SGML的,所以有必要参考DTD。浏览器内核的理解就是浏览器最重要或者说最核心的部分:渲染引擎??,不过我们一般称之为浏览器内核。负责解释网页的语法(标准通用标记语言下html、javascript的一种应用)并渲染显示的网页。渲染引擎决定了浏览器如何显示网页的内容和页面的格式信息。不同的浏览器内核对网页书写语法的解释不同,因此同一网页在不同浏览器内核的浏览器中的渲染和显示效果也不同。渲染引擎负责获取网页内容,整理信息,计算网页的显示方式。常用浏览器内核Trident内核(MSHTML):IE、360、搜狗Gecko内核:FireFoxPresto内核:Opera7以上(Opera内核原来是Presto,现在是Blink)webkit内核:Safari、Chrome(Chrome的Blink是一个webkit的分支)EdgeHTML内核:MicrosoftEdge(这个内核其实是来自MSHTMLfork,几乎所有IE私有特性都被删除了)简单说明对html语义的理解1.html语义使页面内容结构化,更清晰,这是方便浏览器和搜索引擎分析。2.即使没有css样式,也能以文档格式显示,易于阅读。3、搜索引擎的爬虫也是依靠HTML标签来判断每个关键词的上下文和权重,有利于SEO4、让看源码的人更容易把网站分块,容易阅读、维护和理解。什么是行级元素和块级元素?行级元素:a、em(强调)、strong(加粗强调)、span、i(斜体)、img、b(加粗)、lable(表格标签)、select(项目选择)、textarea(多行文本)输入框)sub(下标)不能设置宽高。宽度和高度是内容的高度。可以设置padding,只能设置左右边距,不能设置上下边距。在setting的情况下,可以设置父元素的width、height、margin、margin。divdl定义列表dtddul非排序列表ol,p,h1-h6,table,fieldset形式,空元素:brhrinline块级元素输入和imga标签href既可以是远程地址,也可以是alocalfile百度一下link和@impoort的区别1.link属于XHTML标签,而@import是CSS提供的2.页面加载时,链接也会同时加载,而@import引用的css会等到页面加载完成后才加载3.import只能被ie5以上识别,而link是一个XHTML标签,没有兼容性问题4.link方式的样式权重高于@import5.使用dom控制样式时的区别,使用js控制dom改变样式时,只能使用link标签。列表标签ol,ul,listylereset:list-style:noneastylereset:text-direction:noneul,ol上下外边距16px,左边img标签内边距40px当背景图片大于要显示的尺寸时table标签11
21 | 22 |