HTML基础知识

一、HTML、XML、XHTML 有什么区别

超文本标记语言(HyperText Markup Language,简称:HTML)
可扩展标记语言(Extensible Markup Language,简称:XML)
可扩展超文本标记语言(eXtensible HyperText Markup Language,简称:XHTML)

  • 说到它们的区别,就需要提及“标准通用标记语言(Standard Generalized Markup Language,SGML)”这个概念。它是现时常用的超文本格式的最高层次标准。有非常强大的适应性,但也正是因为同样的原因导致了它的复杂,因而在小型的应用中难以普及。
  • 从继承关系上讲,HTML和XML都派生于它。XML可以被认为是它的一个子集,而HTML是它的一个应用,XHTML则基于可扩展标记语言(XML)。XML的产生就是为了简化它,以便用于更加通用的目的,比如语义Web。
  • 简单说,它们都是ML标记语言。但HTML语法较为松散、不严格。XML主要用于存储数据和结构参考。XHTML表现方式与HTML类似,不过语法上更加严格。

二、怎样理解 HTML 语义化

  • 简单说来就是用正确的标签做正确的事情。HTML语义化,是指标签本身的含义,要与内容结构的意义相匹配,使页面的内容结构化。比如,不要为了改变样式,而使用带特定样式的HTML标签。
  • 机器解析页面,人阅读代码,都需要通过标记来定位理解。所以良好的语义化,能使页面结构清晰、内容表达明确。便于浏览器、搜索引擎等的解析;也便于维护代码的人去阅读和理解。
  • HTML标签语义化是Web网页标准化的重要一环,也是标准制定时重要的设计原则。HTML5中新增加的很多标签(如:article、nav、header和footer等)就是基于这样的设计原则。

三、怎样理解内容与样式分离的原则

  • 简单说就是,HTML是内容,负责页面结构和语义。CSS是样式,负责页面展示。二者开发尽量分离。比如,不要为了改变样式,而使用带特定样式的HTML标签;尽量不在标签内使用样式等。
  • 让内容和样式分离,可以使得web开发更加便捷以及容易维护。增强了机器的可读性,使得机器、网络爬虫能更好地理解页面内容。保持视觉的一致性。

四、有哪些常见的meta标签

  • 声明编码
  • 控制浏览器内核渲染
  • 定义页面作者、关键字、页面描述、索引方式等
  • 指定请求和响应遵循的缓存机制
  • 禁止自动转码
  • 在设定的时间内,自动刷新并调向设定的网址

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

  • 声明了HTML文档的类型,让浏览器知道应给使用哪个规范来解析文档。
  • 严格模式:按照浏览器所支持的最高版本来实现效果。
  • 混杂模式:尽可能向后兼容,使用老版本浏览器的显示模式。
  • 声明该页面的HTML版本为HTML5

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

  • 1.各种编码方式,编码字节数目不同。比如"utf-8"与"gbk"对中文的编码字节数目就不同。2.保存的编码格式和浏览器解析时的解码格式不匹配导致。比如,文件默认保存为GBK格式,在Chrome打开时默认使用 ISO-8859的解码方式,导致编码和解码不匹配,产生乱码。
  • 1.弄清楚自己的文件保存时,编辑器是用哪种编码方式保存的;或者自己设置。2.然后在文档内声明同样的编码方式。
    比如:你的文件是保存为utf-8格式,那么一定要在html 的 里添加

七、常见的浏览器有哪些,什么内核

IE浏览器:Trident内核
Chrome浏览器:WebKit内核
Safari浏览器:WebKit内核
Firefox浏览器:Gecko内核
Opera浏览器:Presto内核
其中国内的浏览器一般为WebKit/Trident的双内核,如360浏览器,QQ浏览器等

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

文档类型声明
首部
定义关于 HTML 文档的元信息
引入外部样式表文件css
页面标题
引入JS

h(1-6)六级标题

段落
有序列表
无序列表
表格
表格行
表头
表格单元
表单
输入控件
强调
重要
图片
超链接
划分区块
点击按钮

换行

你可能感兴趣的:(HTML基础知识)