HTML知识点

2017-10-10 本文已影响0人 ShawnRong

HTML、XML、XHTML 有什么区别
- HTML (HyperText Markup Language) 超文本标记语言
  HTML 用相对应的标签来标记要展示的内容。语法较为松散，不严格的web语言
- XML (Extensible Markup Language) 可扩展标记语言
  与HTML标签不同，XML的标签可以自定义，所以被称为可扩展。主要用于存储数据和结构参考。
- XHTML (Extensible Hypertext Markup Language) 可扩展超文本标记语言
  XHTML基于XML，语法较HTML更加严格。比如必须包含一个文件头声明 <!DOCTYPE>,所有元素名必须小写等等
怎样理解 HTML 语义化
根据内容选择适合的HTML标签，使用合理的代码结构，方便阅读和SEO优化。HTML标签语义化是Web网页标准化的重要一环，也是标准制定时重要的设计原则。比如HTML5新增的<article>,<nav>标签。
怎样理解内容与样式分离的原则
内容指的是HTML,样式指CSS。写HTML时，重点放在HTML的结构和语义化上，让HTML能提现页面结构或者内容，然后进行 css 样式设置，减少 HTML 与 CSS 契合度（即内容与样式分离），写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化（即行为分离）。HTML内不允许出现属性样式，尽量不要出现行内样式。比如网页切换主题。

有哪些常见的meta标签

优先使用IE版本和Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

优化移动端展示

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

页面关键字，用于SEO优化

<meta name="keywords" content="html javascript">

页面描述，不超过150字符

<meta name="description" content="Less is more">

文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档对象方式，告诉浏览器以何种方式进行渲染。不包含 DOCTYPE或者写错了DOCTYPE将触发混杂模式。相比于标准模式，混杂模式更难适配多浏览器。<!DOCTYPE html>告诉浏览器以HTML5方式进行渲染。
浏览器乱码的原因是什么？如何解决
meta tag中的charset编码与内容编码不匹配。选择正确的charset编码。
常见的浏览器有哪些，什么内核