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操作
相关文章
|
8月前
|
编解码 前端开发
编写代码中常见问题汇总(html和css)
编写代码中常见问题汇总(html和css)
68 0
|
7月前
|
编解码 前端开发
编写代码中常见问题汇总(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解决盒子塌陷;
62 5
|
存储 XML 数据格式
HTML 常见问题
问题1.Doctype 的意义是什么 1.让浏览器以标准模式渲染 2.让浏览器知道元素的合法性 问题2. HTML  XHTML HTML5的关系 1.
1292 0
|
Web App开发
Html input 常见问题
1.input回车事件不执行导致页面刷新 场景:在文本框中输入关键字按回车,页面自动刷新了 关键字搜索: 解决方法1:   一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。
967 0
|
Web App开发 前端开发
HTML基础10--CSS常见问题
元素浮动之后 能设置宽度的话 就给元素加宽度 如果需要宽度是内容撑开 就给它里边的块元素 加上浮动; 第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题; IE6下子元素超出父级宽高,会把父级的宽高撑开 p 包含 div  标签嵌套规则。
949 0
|
11天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
83 24
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
73 7
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
48 6
|
2月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧,包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录,便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码,帮助读者更好地理解和应用这些知识点。
50 1