初识HTML

1. HTML、XML、XHTML 有什么区别?

HTML是一种超文本标签语言( hypertext markup language),用来展示网页内容,但它是一门语法宽松的语言。
XML是一种可扩展性的语言(extensible markup language),可以自定义标签,功能是传输数据。
XHTML也是一种超文本标签语言(extensible markup language),与HTML类似,不同的地方在于它语法严格。

2. 怎样理解 HTML 语义化?

HTML语义化就是使用合理的标签以及代码结构来编写HTML,有助于代码的结构清晰,利于阅读。同时使得搜索引擎和机器能更好的解析代码。
总体来讲,有以下优点:

  1. 语义化的HTML在没有CSS的情况下,也能呈现较好的代码结构和页面展示。
  2. 有助于网页的SEO优化,爬虫能够抓取更多有效信息,因为爬虫是依赖于标签来确定上下文和各个关键字的的权重。
  3. 方便团队的开发和维护。

3. 怎样理解内容与样式分离的原则?

a. 为什么要将内容与样式分离?
最初阶段,web为了展现更丰富的内容,将样式写在标签里面,但随着浏览器的性能提高,页面越来越丰富,使得HTML和CSS耦合也越来越严重,造成后期开发人员难以维护,为了解决这个问题,W3C才提出了内容与样式分离这个概念。
b. 如何分离?

  1. HTML标签内不允许出现样式的属性以及JS的属性。
  2. JS不直接修改样式属性,而是通过增删CSS样式来达到修改页面外观的目的,这样就无需每次有需求都去修改JS,而是直接修改CSS就好。
    c. 分离的优点?
  3. 内容与样式分离可以使得通过多个样式表,内容能在任何设备上较完美的展示,也就是响应式页面。
  4. 结构清晰,方便后期代码的维护、修改、更新。

4. 有哪些常见的meta标签?


是一种世界通用的编码方式,他可以在WEB上展示多国语言,一般我们在开发中就是用设置这个。

name="viewport"的意思是表示这是一个视口宽度的标签,content="width=device-width 的意思是设备的宽度等于视口的宽度,这样做的目的是使我们在不同的设备上都能正常且较舒服的浏览页面,举个例子,在电脑屏幕上浏览的网页如果不使用该标签,那么到了手机上,一个字体那么大,那怎么可能正常的浏览网页呢。user-scalable=no, 禁止用户缩放页面。 initial-scale=1.0,默认缩放比例为1.0。 maximum-scale=1.0,最大缩放比例为1.0。 minimum-scale=1.0,最小缩放比例为1.0 。

这个标签的意思是选择IE浏览器最高的版本进行渲染,如果有webkit内核,则使用webkit进行渲染。

该标签告诉搜索引擎该web的关键字是饥人谷,想要不同的关键字修改content就好。

该标签告诉搜索引擎该web的描述是前端,想要不同的描述修改content就好。

5. 文档声明的作用?严格模式和混杂模式指什么? 的作用?

文档声明的作用是用来验证文件的合法性,如果不合法,浏览器将会在解析中出现错误。
严格模式也称标准模式,浏览器根据标准来渲染页面。混杂模式则采用较宽松的标准来渲染页面,主要为了兼容旧的浏览器,比如IE6。
的作用是声明该文档的类型是HTML5。浏览器会使用HTML5的标准来解析页面。

6. 浏览器乱码的原因是什么?如何解决?

浏览器乱码的根本原因是保存的文件编码格式与浏览器解析的解码格式不一致,所以解决这个问题就得从格式上入手,你编辑代码之后,文件以什么格式保存的,浏览器上就以什么格式去解析,你设置了charset="utf-8",那你在浏览器上就以utf-8的格式来解析,你charset="gbk",那你浏览器上的解析肯定也是用gbk。

7. 常见的浏览器有哪些,什么内核

常见的浏览器有谷歌家的chrome,苹果的safari,微软的ie和edge,还有火狐浏览器firefox和欧朋浏览器opera。
chrome和safari的内核是webkit。IE的内核是trident。edge的内核是一个新的内核,兼容市面上大多的内核,比如webkit,trident,至于叫什么名字,我也没查到。火狐浏览器的内核是gecko。欧朋浏览器的内核是presto。

8. 列出常见的标签,并简单介绍这些标签用在什么场景

  • 块级元素: head,main,foot主要用来表示网页整体结构,h是标题,div划分区域或加上样式,p是段落,ul表示无序并列主题的标签,ol则刚好相反,用来表示有序并列主题的标签,form表单用来提交数据,table是表格,dl/dt/dd用来表示对主题就行描述的一个场景。
  • 行内元素: a标签是超链接,用来跳转页面或者锚点。span是行,em是一般强调,strong是特别强调。
  • 其他:meta声明标签,title是网页标题,link链接CSS, script链接JS。

你可能感兴趣的