![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 50
古兮!怪哉
这个作者很懒,什么都没留下…
展开
-
用CSS画实心三角形和空心三角形
(1)实心三角形htmlcss.sanjiao{ border-left: 10px solid transparent; border-bottom: 10px solid red; border-right: 10px solid transparent; border-top: 10px solid transparent; width: 0原创 2017-08-01 23:40:20 · 3006 阅读 · 0 评论 -
HTML 5 的data-* 自定义属性
HTML 5 增加了一项新功能是 自定义数据属性 ,也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。例如: 1、使用attribute方法存取 data-* 自定义属性的值JavaScript代码:// 使用getAttr转载 2017-11-14 11:14:18 · 356 阅读 · 0 评论 -
何时使用img标签,何时使用background-image背景图像
在什么情况下更适合使用HTML IMG标签来显示一个图像,而不是一个CSS有背景图像,反之亦然? 如下场景使用img标签比较合适: 1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人),使用Img标签加上alt属性。 2、如果你想打印页面并且你想要的图像包括默认情况下使用IMG。 3、使用IMG(alt文本)图像有一个重要的语义时,比如一个转载 2017-10-14 11:51:36 · 1215 阅读 · 0 评论 -
BFC宽度自适应布局
BFC:块级格式化上下文,它指的是一个独立的块级渲染区域,只有Block-level Box参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。BFC的生成(1)float的值不为none;(2)overflowd的值不为visible;(3)display的值为inline-block, table-cell, table-caption;(4)position的值为absolu...转载 2017-07-31 23:04:18 · 593 阅读 · 0 评论 -
网页制作中出现的新的图片格式:WebP和Apng
网页制作中常用的图片格式包括:png-2, png-8, jpeg, gif, svg等目前流行的新格式包括WebP和Apng1. WebP——谷歌于2010年提出WebP 在各大互联网公司已经使用得很多了,国外的有 Google(自家的东西肯定要用啦,Chrome Store 甚至已全站使用 WebP)、Facebook 和 ebay,国内的有淘宝、腾讯和美团等。优势原创 2017-08-18 15:31:36 · 2609 阅读 · 0 评论 -
XHTML与HTML有什么区别
XHTML是XML重写了HTML的规范,比HTML更加严格,表现如下:1、XHTML中所有的标记都必须有一个相应的结束标签;2、XHTML所有标签的元素和属性的名字都必须使用小写;3、所有的XML标记都必须合理嵌套;4、所有的属性都必须用引号“”括起来;5、把所有6、给所有属性附一个值;7、不要在注释内容中使用“--”;8、图片必须使用说明文字。转载 2017-09-16 19:36:32 · 2210 阅读 · 2 评论 -
说说你对语义化的理解?
1、去掉或者丢失样式的时候能够让页面呈现出清晰的结构;2、有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;3、方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;4、便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减转载 2017-09-16 12:06:19 · 2945 阅读 · 0 评论 -
SEO经典面试问题及答案
1、谈谈你对SEO的理解?SEO即搜索引擎优化的简称,通过总结搜索引擎的排名规律,对网站进行合理优化,使你的网站在百度和Google的排名提高,让搜索引擎给你带来客户。2、网站设计时应考虑哪些因素,以保证网站是对SEO友好?这个首先就要从网站结构上来做,主要是从这几个方面:1)采用树型结构、物理结构、逻辑结构;2)符合W3C标准的代码,源代码精简;3)用div+cs转载 2017-09-07 17:21:23 · 10557 阅读 · 0 评论 -
SVG和Canvas的区别
1)SVG:使用XML文档描述来绘图图形类型:矢量图操作对象:基于图形元素元素:多个图形元素(Rect,Path,Line...)驱动:支持脚本和css适用场景:适合静态图片展示,高保真文档查看和打印的应用场景,适合用来做动态交互性能:适合大面积,小数量应用场景2)Canvas:使用JavaScript程序绘图(动态生成)图形类型:位图操作对象:转载 2017-09-07 10:06:32 · 467 阅读 · 0 评论 -
html中alt和title属性的用法和区别
1. title: 为元素提供额外说明信息例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。2. alt: 指定替换文字只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。根据一些SEO人士的说法,使用alt属性还具有搜索转载 2017-09-05 09:32:08 · 1429 阅读 · 0 评论 -
简述src和href的区别
src用于替换当前的元素,href用于在当前文档和引用资源之间建立联系。1)srcsrc是souce的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置。请求时,会将该资源下载并应用到文档内,例如js脚本,img图片和iframe等元素。当浏览器解析到该元素时,浏览器会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指转载 2017-09-04 23:27:02 · 1907 阅读 · 0 评论 -
iframe有哪些缺点?应该怎么合理使用?
缺点:1)iframe会阻塞主页面的Onload事件;2)搜索引擎的检索程序无法解读这种页面,不利于SEO;3)iframe和主页面共享连续池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载;使用注意事项:1)最好通过javascript使用iframe;2)动态给iframe添加src属性值。转载 2017-09-04 23:21:33 · 819 阅读 · 0 评论 -
谈谈对HTML5的认识。
HTML5由W3C于2014年10月指定,旨在替换早期的HTML4.01和XHTML1.0标准,以适应互联网快速发展的需求。优点:1)多设备,跨平台;2)用户体验好;3)新标签的可读性高,有助于开发人员定义重要内容;4)提供了更多的多媒体元素(视频和音频);5)很好地替代了Flash和Silverlight;6)涉及到网站的抓取和索引的时候,SEO更加友好;7)可以原创 2017-09-04 23:00:48 · 6794 阅读 · 0 评论 -
HTML5中的异步操作Web Worker的用法
1. 如何使用Worker在index.html的中添加如下的脚本:var w=new Worker('work.js');//创建worker对象实例,指定异步调用的js文件var obj={ name:'michael';//这里将对象作为传递的数据,也可以用其他类型的数据,入string等}w.postMessage(obj);//向work.js文件传递数据w.onmes原创 2017-08-18 16:38:13 · 2799 阅读 · 0 评论 -
中英文换行
html:sda dcxmmm sadsads adsadsda dcxmmm sadsads adsadsda dcxmmm sadsads adsadsda dcxmmm sadsads adsadsda dcxmmm sadsads adsadcss: .content{ width: 50px; background: yellow; mar原创 2017-08-17 22:33:16 · 439 阅读 · 0 评论 -
利用iframe进行父页面和子页面的通信
父页面parent.html: 父页面元素 调用子页面方法 获取子页面元素调用子页面child1.html的方法,并获取其元素 function parentSay(){ alert('say parent') } function getChildItem(){ var child=document.getElementById('frame1').cont原创 2017-08-17 09:43:56 · 1506 阅读 · 0 评论 -
html、js和css的加载和执行顺序
1)js加载后立即执行;2)js执行时会阻塞页面后续的内容(包括页面的渲染和其他资源的下载)。原因:因为浏览器需要一个稳定的dom树结构,而js中很可能有代码直接改变了dom树的结构,比如使用了document.write或者appendChild,甚至使用页面跳转。3)如何优化js(1)将所有的script标签放到页面底部,也就是body闭合标签之前,这能确保这脚本执行前页面已经完成了D...原创 2019-04-23 21:10:31 · 5267 阅读 · 0 评论