初见HTML
2017-05-28 本文已影响0人
饥人谷_CCCLARITY
HTML、XML、XHTML有什么区别
HTML：超文本标记语言，是一种语法较为宽松，不严格的Web语言。
XML：可扩展标记语言，用于存储数据和结构的，传输数据
XHTML：可扩展超文本标记语言，基于XML，作用和HTML相似，语法更严格的一种语言。
怎么理解HTML语义化
HTML语义化是编写HTML的一种方式，选择合适的标签，并使用合理的代码结构，方便开发者阅读，同时也方便浏览器和机器解析。
- 在没有CSS的情况下，网页的代码结构依旧能够比较清晰；
- 某些属性的定义可以更好的解释网页，使用户更体验更好；
- 使搜索引擎或网络爬虫能根据网页的框架或关键字更好的检索。
怎样理解内容与样式分离的原则
- 编写一个网页由HTML、CSS、JS构成。HTML负责的是网页的结构和内容，CSS负责的是网页的样式，JS负责的是网页的行为。
- 样式和内容分离对增加可读性也是必要的，使得机器或网络爬虫可以更好的探测读取网页的内容。
- 可以使网页的内容更好的展示在搜索引擎面前
- 当需要对网页的样式或内容进行修改时，不需要考虑另外一部分，便于网站的优化和后期的开发维护
有哪些常见的meta标签
meta可提供有关页面的元信息，定义了与文档相关联的名称或值对。在head标签内，一般在title标签之下，它可以分为两个部分：HTTP-EQUIV和name变量
<meta http-equiv="Content-Type" content="text/html;charset=gb_2312-80"> content-type 用来说明所使用的文字以及语言
<meta http-equiv="Refresh" content="n;url=https://www.baidu.com"> refresh 定义了网页在时间n内，跳转到URL所指向的网页
<meta charset = "utf-8"> 定义浏览器按照哪种文本编码解析
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 提供一些浏览器的说明信息
<meta name="keywords" content="初见HTML">
<meta name="description" content="初见HTML"> 提供网页的描述，方便搜索引擎的搜索
文档声明的作用？严格模式和混杂模式指什么？<!doctype html> 的作用
<!doctype html>会影响代码验证，并决定了浏览器最终如何显示你的Web文档。
严格模式指 加上<!doctype> 并按照浏览器所支持的最高版本来实现效果
混杂模式指按照自己的方式渲染，尽可能的向后兼容。
浏览器乱码的原因是什么，如何解决
浏览器乱码的根本原因是编写代码时保存的编码格式和浏览器解析代码时的解码格式不一致，导致乱码 ，一般可能发生在除去英文的其他字体上。
解决的方法是把确定自己保存代码时的编码，在<meta charset="utf-8">此处定义的格式和保存代码时的格式一致。
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| IE及国内大部分浏览器 | IE内核 |
| Chrome&Safari | Webkit |
| Firefox | Gecko |
| Opera | Presto |
列出常见的标签，并简单介绍这些标签用在什么场景
| 常见标签 | 使用场景 | 部分例子 |
|---|---|---|
| h1~h6 | 标题 | <h1>大标题</h1> |
| a | 链接到一个地址 | <a href="https://www.baidu.com"> |
| p | 段落，表示大段文字 | <p>lalalalallalalalalalalallalala</p> |
| img | 图片，只闭合标签，不需要/ |  |
| div | 用于给页面划分区块，结构清晰 | <div id="abc">xxx</div> |
| ul、li | 无序列表 | |
| ul、oi | 有序列表 | |
| button | 按钮 | |
| span | 用来给某个文字单独定义样式 | |
| strong | 表示强调。语义很重 | |
| em | 重要性稍微弱一点 | |
| iframe | 用于嵌入一个页面 | <iframe src="http:xxx.com" name="myPage">xxx</iframe><p><a href="" target="xxx">w3cschool</a></p> |
| table | 用于展示一个表格 |
