Html常见问题

简介: 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操作
相关文章
|
10月前
|
编解码 前端开发
编写代码中常见问题汇总(html和css)
编写代码中常见问题汇总(html和css)
79 0
|
9月前
|
编解码 前端开发
编写代码中常见问题汇总(html和css)
text-indent用于首行缩进,line-height与height相同实现垂直居中;vertical-align:middle用于行内元素居中;text-align:center做水平居中;list-style:none清除列表符号;overflow:hidden隐藏溢出;background-repeat:no-repeat阻止平铺;float:left实现横排;相对定位父元素,绝对定位子元素;box-sizing调整盒子模型;用边框或overflow解决盒子塌陷;
70 5
|
存储 XML 数据格式
HTML 常见问题
问题1.Doctype 的意义是什么 1.让浏览器以标准模式渲染 2.让浏览器知道元素的合法性 问题2. HTML  XHTML HTML5的关系 1.
1297 0
|
Web App开发
Html input 常见问题
1.input回车事件不执行导致页面刷新 场景:在文本框中输入关键字按回车,页面自动刷新了 关键字搜索: 解决方法1:   一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。
972 0
|
Web App开发 前端开发
HTML基础10--CSS常见问题
元素浮动之后 能设置宽度的话 就给元素加宽度 如果需要宽度是内容撑开 就给它里边的块元素 加上浮动; 第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题; IE6下子元素超出父级宽高,会把父级的宽高撑开 p 包含 div  标签嵌套规则。
952 0
|
20天前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
37 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
2月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
136 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
57 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
67 34