20170221学习成果

HTML、XML、XHTML 有什么区别

• HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
• XML，可扩展标记语言，主要用于存储数据和结构参考；
• XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格参考。

怎样理解 HTML 语义化

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

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

• 浏览器加载网页页面速度变快。分离原则下，大部分页面代码写在了CSS当中，页面体积容量变得更小。
  网页修改设计时，效率、省时。根据html标签内ID或class的标记，到CSS里找到相应的ID或class，可以快速替换指定位置的样式，不会破坏页面架构和其他部分的样式。
  典型的应用就是网页换肤，使用相同的 html 结构，不同的 css 样式。
  更好地被搜索引擎收录。基于内容与样式分离的原则，html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。
  css样式的分离，它可以根据不同的浏览器，达到显示效果的统一。保证网页架构不变形的前提下，放心在不同浏览器渲染显示样式。

有哪些常见的meta标签

• 
  
  
  

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

• 声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。
• 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
  混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。
• html5标准网页声明

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

• 1，IE字库没有安装完全，所以在浏览时如果没有相对应的语言字库会出现乱码。
  2，编码－自动选择没有打开，总是以一种编码在浏览网页。
  3，自动选择打开了，但突然从一个编码网页跳到另一个，IE无法自动选择。
  4，网页制作时编码设置错误，自动选择打开就会出现乱码。
  解决方法：改变浏览器的编码，点击编码后，选择合适的编码。

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

• 1，使用Trident的是internet explorer，国产的绝大部分浏览器。Trident是就是ie内核
  2，使用Gecko的是Mozilla Firefox，使用 Gecko 内核的浏览器也有不少，如 Netscape MozillaSuite/SeaMonkey 等
  3，使用Presto的是opera，这是目前公认网页浏览速度最快的浏览器内核
  4，使用WebKit的有苹果的safari，谷歌的chrome，还有国产的大部分双核浏览器其中一核就是WebKit

列出常见的标签，并简单介绍这些标签用在什么场景
(1)dl dt dd ...：用于展示一系列标题内容的场景
代码：

Paste_Image.png

显示：

Paste_Image.png

(2)ul li和ol li： ul li 是无序列表, ol li是有序列表
代码如下：

求职
• 智联招聘
• 前程无忧
• 51job
• 拉勾网

前端
1. javascript
2. html
3. css

效果是：

Paste_Image.png

(3)button：按钮标签
(4)strong,em,span
em：强调
strong：很重要，强调性更强（比em）
span：修饰一段文字，可以对一个元素内的文字的一部分加上 不同的颜色等css样式

(5)h1,h2...h6：不同级别的标签
(6)p：段落，表示一段文字
(7)a：表示链接，链接到一个地址
跳转到一个网页地址：href是地址，target打开方式，title是光标移动到a标签上后的提示文字饥人谷视频

焦点跳到指定id的标签：'#' 后面就是id点这里焦点将跳转到指定Id的标签

(8)img：展示一张图片
src：图片地址
alt：图片加载失败后提示的文字

(9)div：用于给页面划分区块，让结构更清晰
(10)iframe：用于嵌入一个页面