我爱编程

HTML(part1)

2017-03-02  本文已影响0人  nicole914

HTML、XML、XHTML 的区别

HTML语义化

  1. 在去掉或丢失样式的情况下,页面扔能呈现出良好的内容结构,具有很好的可读性;
  2. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;
  3. 使用户有更良好的用户体验:例如<title><alt>用于解释名词或解释图片信息;
  4. 有利于SEO:有利于搜索引擎爬虫更好的理解网页,从而获取更多的有效信息(爬虫依赖于标签来确定上下文和各个关键字的权重);
  5. 便于团队开发和维护,遵循一致的标准,从而提高团队的效率和协调能力。
    Note:

内容与样式分离原则

常见的meta标签

<meta charset="utf-8">
// 浏览器采取何种版本来渲染当前页面:指定IE和Chrome使用最新版本渲染当前页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=http://www.mozilla.org/">
// 视口
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
// 关键词
<meta name="keywords" content="前端">
// 描述
<meta name="description" content="前端技术博客">

文档声明的作用,严格模式和混杂模式指什么,<!doctype html> 的作用。

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

<meta charset="UTF-8">

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

上一篇 下一篇

猜你喜欢

热点阅读