HTML的一些小知识点
2017-09-06 本文已影响0人
七里之境
- HTML、XML、XHTML有什么区别
HTML是超文本标记语言，语法比较松散，是不严格的web语言；
XML是可扩展标记语言，主要用于传输与存储数据；
XHTML是可扩展超文本标记语言，基于XML，表现方式与HTML类似，但语法上更严格。 - 怎样理解HTML语义化
选择合适的标签、合适的结构来组织与表达页面的内容，使得代码易于阅读，同时便于搜索引擎解析。 - 怎样理解内容与样式分离的原则
写HTML的时候不管样式，重点关注文档结构与语义化；
尽量避免用JS操作样式，可以通过添加或删除class的方式来修改样式；
不要在HTML里写属性样式，尽量避免出现行内样式。 - 有哪些常见的meta标签
<!--声明字符编码-->
<meta charset="UTF-8">
<!--优先使用 IE 最新版本和 Chrome-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!--移动端-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
<!--关键字-->
<meta name="keywords" content="your tags">
<!--页面描述-->
<meta name="description" content="description words">
- 文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用是告诉浏览器这个文档是什么版本，让解析器可以用对应的文档标准解析这个文档；
严格模式指在文档开头使用了完整形式的DOCTYPE来声明文档版本，混杂模式指没有使用DOCTYPE声明或DOCTYPE形式不完整，而让浏览器自己判断文档版本；
<!doctype html> 的作用是告诉浏览器这个文档的版本是HTML5。 - 浏览器乱码的原因是什么？如何解决
文档保存的编码格式与浏览器解码格式不一致时会出现乱码，可以在文档的 head中用<meta charset="编码格式">声明文档编码格式。 - 常见的浏览器有哪些，什么内核
IE、腾讯、360 Trident内核
Firefox Gecko内核
Safari，曾经的Chrome Webkit内核
Chrome、Opera Blink内核 - 列出常见的标签，并简单介绍这些标签用在什么场景
h1~h6 表示标题，h1对应一级标题，h2二级标题，以此类推
p 表示段落，一大段文字
a 表示链接
img 表示图片
div 表示一个区块
ul 表示一个无序列表
ol 表示一个有序列表
li 表示ul或ol下的一个条目
dl dd dt 表示一系列“标题：内容”的场景
button 表示按钮
em 表示强调，strong 表示特别强调
span 表示一个行内元素，可以将文本的一部分独立出来
ifame 可以在页面上嵌入一个页面
table 可以用来展示表格，但是尽量避免用于布局
