Html常见问题

html和xhtml 有什么区别?
html 是一种基本的web网页设计语言,Xhtml 是一种基于xml 的指置标语言
xhtml  必须有闭合标签,必须字母为小写,必须要有根元素
什么是语义化HTML?
直观的标签能够对搜索引擎的抓取有好处,用正确的标签做正确的事
便于对浏览器和搜索引擎的解析
对于HTML语义化的理解?
即使在没有css的情况下 页面代码也能很好的被阅读理解,用正确的标签 能够对浏览器和搜索引擎的支持更好。便于后期的维护。
常见的浏览器内核
IE(trident)  chrome safari(webkit)   firefox(gecko)  opera(presto)
HTML5为什么只需要写!DOCTYPE HTML?
html5 不是基于sgml ,所以不需要对DTD进行引用,但是需要doctype 来规范浏览器的行为(让浏览器按照他们应该的方式来运行)
Doctype作用?标准模式与兼容模式各种什么区别?
处于文档的第一行,告诉浏览器用什么方法来解析文档内容
如果式标准 就按照浏览器的最高配置来解析
如果式兼容模式 则会以宽松的方式 向后进行兼容的方式来显示
html document是干嘛的?
html 超文本标记语言
html document对象 每个载入浏览器的html文档都会成为document对象
由于docement 是window对象的一部分  所以 可以通过 window.document属性对其进行访问
 
html5哪些操作可以SEO优化
title  meta  header footer nav aside article
行内元素和块状元素的区别?
行内元素无法设置宽高padding 等   span a input b em hr  img
块级元素可以 p div ul li dt dd ol li
页面导入样式时,使用link和@import有什么区别?
link 属于html 标签  页面加载到就会执行
import 由css 提供  css 加载完之后 执行
介绍以下你对浏览器内核的理解?
分为渲染引擎和js 引擎
渲染引擎  负责 取得网页的html  css 图像 等信息 然后根据css 将页面渲染出来
js 引擎 则负责页面数据或者动态效果的处理
 
box-sizing常用的属性有哪些?分别有什么作用?
box-sizing:content-box|border-box|inherit
padding 和border  不会超出设定的大小
 
video 预加载
preload
 
audio 暂停和播放
play() pause()
 
css 定义p 标签 ie6 黑色 ie7 红色 其他绿色
*color:red;
_color:#000;
color:green
前端有哪三层构成,分别是什么?
结构层   html  dom结构
表示层   css 渲染
行为层   js操作