HTML知识点

HTML、XML、XHTML 有什么区别

• HTML是超文本标记语言，语法较为松散（标签没有闭合、尖括号写错了、大小写混用、不加引号等等情况，浏览器都不会报错，但会出现误解，使得显示不尽如人意）、不严格的web语言

• XML是可扩展标记语言，主要用于存储数据和结构。和HTML类似，都有标签以及标签闭合，但标签没有预定义，需要用户自定义的

• XHTML是可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。

怎样理解 HTML 语义化

• HTML是一种编写HTML的方式，选择合适的标签、使用合理的代码结构 让开发者方便阅读，同时让浏览器的爬虫和机器很好地解析。

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

• 写HTML的时候重点放在HTML的结构和语义化上，让HTML能体现页面结构或者内容。

• 写JS尽量不用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化。

• HTML内不允许出现属性样式，尽量不要出现行内样式

• 分离使网页加载更快速、修改设计时更有效率

有哪些常见的meta标签

• 声明文件的编码方式
  

• 用最新的标准渲染页面
  

• 通过关键字把html放到搜索引擎上便于关键字搜索
  

• html的描述，在搜索引擎在可以通过描述搜索到网页
  

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

• 文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范。严格模式是指按照浏览器所支持的最高版本来实现效果；混杂模式则相反，尽可能向后兼容，使用老版本浏览器的显示模式。 的作用是告诉浏览器按照HTML5的标准去解析页面

浏览器乱码的原因是什么？如何解决

• 产生乱码的原因一般是没有明确声明页面自身的编码方法导致不同的浏览器使用了与文档不同的编码方式，使得页面内容无法正常显示
• 解决办法是在编写代码时声明编码方式，例如

常见的浏览器有哪些，什么内核

• 常见浏览器有chrome（Webkit）、Safari（Webkit）、IE（Trident）、Firefox（Gecko）、QQ浏览器/360浏览器/搜狗浏览器双内核

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

• 文档对象模型，用h5标准解析渲染当前页面

• 整个页面的根节点，所有的标签都在html里面

• 当前页面的头信息，和内容无关的信息

• h1~h6标题标签，

  最大，
  最小

• 段落，表示大段文字，用p包裹我们要展示的大段文字

• a链接，链接到一个地址；作为锚点定位到网页的某个位置

• 显示一张图片，自闭合标签

• 用于给页面划分区块，让结构更清晰，id给页面元素起一个唯一的名字相当于身份证号，class 不同元素可以添加同一个class

• ...
  无序列表，用于表示并列的内容，ul的直接子元素是li，可以相互嵌套（多级菜单），不能在ul下添加p段落

• ...
  有序序列表，用于表示带步骤或者编号的并列内容，ol的直接子元素只能是li，可以嵌套

• ..

  ..

  
  用于展示一系列“标题：内容”

• 按钮，可点击的按钮

• 表示需要强调一下

• 表示非常重要、非常需要强调的部分

• 对于一些个别元素包裹后以便进行处理。

• 用于嵌入一个页面。若当前嵌套的是父页面，也可以对嵌套页面进行编辑，若为其他页面，则只是单纯的展示页面（仅仅是不能编辑该嵌套页面）。

• 用于展示表格，tr表示表格中的行，th表示列，不可用来做布局，thead、tbody、tfoot可以省略