任务4-HTML知识点

• HTML、XML、XHTML 有什么区别

html 是超文本标记语言，语法比较松散，不严格的web语言；
xml 可扩展标记语言，用于存储数据和结构 ，可扩展；
xhtml 可扩展超文本标记语言，基于xml，作用和html类似，但有更严格的语法。

• 怎样理解 HTML 语义化

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

优点：

• 优化SEO，便于爬虫抓取到页面上的更多有效信息。
• 对盲人阅读友好
• 代码可读性高、可维护性和开发效率更高，可降低规范不一致带来的沟通成本
  浏览器都在推动语义化，因此遵循html语义化可获得更好的展示效果

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

写html的时候先不管样式，把重点focus在HTML的结构和语义化上，让html能体现页面结构或内容。之后再去写样式。

写js的时候，尽量不要用js直接去操作样式，而是通过给元素添加或删除class来控制样式变化。

html内不允许出现属性样式，尽量不要出现行内样式。

• 有哪些常见的meta标签

:编码声明
:双核浏览器：优先使用 IE 最新版本和chrome
:页面关键词
:页面描述
:优化移动端的显示

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

文档声明出现在文档的最前面，用来告诉浏览器你使用的是哪一种html规范。这样浏览器才会按照你的声明来正确解析html文档。
严格模式：以浏览器支持的最高标准运行。
混杂模式：页面以宽松的方式向后兼容显示，模拟老式浏览器的行为以防止站点无法工作。
是指使用html5标准网页声明。

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

乱码产生的根源在于保存编码格式和浏览器解析的格式不匹配导致的，一般英文不会产生乱码。
解决方法：首先保存文件的时候要记得是用哪种编码方式保存的，然后在html的head中声明这个保存的编码格式，比如我保存的编码格式utf-8，那么就可加入到中。

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

IE （Trident内核）
Firefox( Gecko内核)
Safari ( Webkit内核)
chrome (Blink内核)

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

  • 标题h1-h6 ：
    从h1-h6 大小和重要性依次减小

• 段落 p：
  用来标记大段文字的段落

• 链接a：
  链接到一个url地址

• 图片img:展示一张图片

• 区块div:让结构更加清晰

• 无序列表ul li:
  表示并列的内容，ul的直接子元素是li，可以嵌套

• 有序列表ol li:
  带序列的并列内容，ol的直接子元素是li，可以嵌套

• 展示标题-内容的场景
  html中的dl dt dd标签是一种排版技巧，可制作出缩排的效果。
  dl =Definition List清单
  dt =Definition Term，项目
  dd=Definition Description，描述

• button 按钮

• strong很重要，强调性更强

• em需要强调一下

• iframe 用于嵌入一个页面

• table 展示表格，不要用来做布局：
  tr 表示表行，没出现一次表示表格的一行
  th表示表头
  td 表示表元，表格中显示的每一个方格