HTML知识1

现在沉不住气,太浮躁,太着急,基础都没打好,就学js,当我看到数值运算我就懵逼了。。。所以还是先打好HTML+css再看视频学js。

一、HTML知识点

1.HTML、XML、XHTML 的区别

HTML和XML:他们两个都是标记语言(ML),一个是超文本置标语言,一个是可扩展置标语言。他们的不同之处:

1可扩展性:HTML不具备扩展性,而XML是原标记语言,可以用于定义新的标记语言。

2侧重点: HTML侧重于如何表现信息,而XML是侧重于如何结构化的描述信息。

3语法要求: HTML不要求标记的嵌套,配对等,不要求标记间具有一定的顺序,而XML则是严格要求嵌套,配对,遵循DTD的树形结构。

4可读性和维护性:HTML难于阅读维护,而XML结构清晰,便于阅读维护

5数据和显示关系:HTML的内容描述和显示整合唯一,而XML则是相分离的

最后一点就是他们的编辑浏览工具了,HTML有一堆的编辑浏览工具,而XML尚不成熟。

至于XHTML,是介于HTML和XML之间的标准,它是让HTML符合XML语法规范的一种规定。不过现在的浏览器对XHTML的支持并不是很好。

2.HTML 语义化

语义化的HTML就是写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

1.语义化有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。

2.在没有CSS的时候能够清晰的看出网页的结构,增强可读性。

3.便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。

4.支持多终端设备的浏览器渲染。

3.内容与样式分离的原则

(1)首先css、js样式少的话,可以不用分离,直接写在html里,就是写简单的代码,demo,可以不分离,也便于查找;

(2)如果样式多的话,需要分离,这样就不会再HTML出现大量的代码,不利于美观和查找,并且外置样式还可以重复利用,不同的地方如果需要用到同一个样式的话,就可以link标签直接套,方便省事,不容易出错。

4.有哪些常见的meta标签

(1)<meta http-equiv=“  ”,content=“IE=edge,chrome=1”>                                                                      http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。后面表示的是以最新的内核去渲染页面

(2)<meta name=“keyword” content=".......">搜索引擎定义关键词                                                             <meta name="desciption" content=".......">网页定义描述内容                                                      

5.文档声明的作用?严格模式和混杂模式指什么? 的作用?                                                                      文档声明作用就是让浏览器按照HTML最新的标准去解析页面,而不是用浏览器自己的方式去解析。                                                                                                                                                      严格模式就是 HTML前面加一句<!DOCTYPE html> ,让浏览器按照HTML最新的标准去解析页面;        混杂模式就是不加上面那句,用浏览器自己的方式标准去解析页面。

6.浏览器乱码的原因以及解决方法                                                                                                            (1)是因为html中charset解码方式与浏览器中的解码方式不同,所以需要我们在写HTML的时候写好解码方式,是用utf-8呢还是其他,看那些是浏览器可以解码的,另外就是当你出现中文啊或者其他字符的时候,有些解码方式是识别不出来的,所以才会出现乱码。

7.常见的浏览器有哪些,什么内核                                                                                                                览器用的内核,一般不外乎微软的IE 内核和webkit内核。所谓内核,就是常驻内存、能够快速响应的那一部分核心代码,非内核代码都是要用到时再调入内存并执行的。webkit内核更小巧快速,但兼容性不如IE内核。所以有些浏览器是用的双内核,可以在高速模式和兼容模式间切换。

一、Trident内核代表产品Internet Explorer,又称其为IE内核。

Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。

二、Gecko内核代表作品Mozilla

FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一,仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。

三、WebKit内核代表作品Safari、Chromewebkit

是一个开源项目,包含了来自KDE项目和苹果公司的一些组件,主要用于Mac OS系统,它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高,导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。

四、Presto内核代表作品OperaPresto

是由Opera Software开发的浏览器排版引擎,供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎,包括加入动态功能,例如网页或其部分可随着DOM及Script语法的事件而重新排版。

8.utf-8与gbk的区别。                                                                                                                            GBK编码:是指中国的中文字符,其它它包含了简体中文与繁体中文字符,另外还有一种字符“gb2312”,这种字符仅能存储简体中文字符。                 

UTF-8编码:它是一种全国家通过的一种编码,如果你的网站涉及到多个国家的语言,那么建议你选择UTF-8编码。

GBK和UTF8有什么区别?

UTF8编码格式很强大,支持所有国家的语言,正是因为它的强大,才会导致它占用的空间大小要比GBK大,对于网站打开速度而言,也是有一定影响的。

GBK编码格式,它的功能少,仅限于中文字符,当然它所占用的空间大小会随着它的功能而减少,打开网页的速度比较快。

9.px、em、rem                                                                                                                                   px:像素,自身多大就多大,不受影响;                                                                                             em:相对于父元素,父元素是多大,Xem就是父元素大小的X倍;                                                      rem:相对于根元素,就是<html>节点,若HTML节点有设置大小就是和它相同大小。                    

10.列出常见的标签,并简单介绍这些标签用在什么场景                                                                             (1)  h1~h6  :标题   

  h1代表页面最大的标题                                                     

h2二级标题

h3... 更弱的标题

(2)p 段落,表示大段文字                                                                                                                  (3)a  链接,链到一个地址 

(2)p 段落,表示大段文字                                                                                                                  (3)a  链接,链到一个地址                                                                                                                参考一下地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

推荐阅读更多精彩内容