前端 HTML
宇六岁鸭
小憨包一枚
展开
-
【前端学习 - HTML(11)link和@import有什么区别】
1. 页面导入样式时,使用link和@import有什么区别link属于HTML标签,而@import是css提供的; 页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完再加载; link是XHTML标签,无兼容问题,而@import只在IE5以上才能识别,; link方式的样式的权重高于@import的权重。...原创 2022-02-20 21:21:59 · 371 阅读 · 0 评论 -
【前端学习 - HTML(9)常见的浏览器内核】
1. 常见的浏览器内核有哪些Trident内核:IE最先开发或使用的, 360浏览器; Gecko内核: Mozilla FireFox (火狐浏览器) ,K-Meleon浏览器; Presto内核:Opera浏览器; Webkit内核:Google Chrome,Safari, 搜狗浏览器,360极速浏览器, 阿里云浏览器等;技巧--记住内核和浏览器的对应:ti,gm,po,wg(踢积木,破挖机) (Trident-IE,Gecko-Mozilla,Presto-Opera,Webkit-Go原创 2022-01-30 02:15:00 · 580 阅读 · 0 评论 -
【前端学习 - HTML(8)HTML5的Web storage的存储方式】
1. HTML5的Web storage的存储方式有两种:sessionStorage和localStorage。sessionStorage用于本地存储一个会话中的数据,当会话结束后就会销毁; 和sessionStorage不同,localStorage用于持久化的本地存储,除非用户主动删除数据,否则数据永远不会过期; cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。区别:从浏览器和服务器间的传递看: cookie数据始终在同源的ht原创 2022-01-29 22:05:25 · 227 阅读 · 0 评论 -
【前端学习 - HTML(7)property和attribute的区别是什么】
1. property和attribute的区别是什么attribute是HTML标签上的特性,它的值只能够是字符串; property是DOM中的属性,是JavaScript里的对象;简单的理解就是:Attribute就是DOM节点自带的属性,例如html中常用的id、class、title、align等; 而Property是这个DOM元素作为对象,其附加的内容,例如childNodes、firstChild等。技巧: Property可以联想一下原型,原型本质上就是对象...原创 2022-01-29 22:02:19 · 989 阅读 · 0 评论 -
【前端学习 - HTML(6)src与href有什么区别】
1. src与href有什么区别src用于替换当前元素;href用于在当前文档和引用资源之间确立联系; src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;而href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。...原创 2022-01-29 22:00:51 · 629 阅读 · 0 评论 -
【前端学习 - HTML(5)iframe有哪些优缺点】
1. iframe有哪些优缺点优点:还原性iframe 能够原封不动的把嵌入的网页展现出来。 模块化如果有多个网页引用 iframe,那么你只需要修改 iframe 的内容,就可以实现调用的每一个页面内容的更改,方便快捷。 可复用网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用 iframe 来嵌套,可以增加代码的可重用。 iframe可以跨域通信; 解决了加载缓慢的第三方内容如图标和广告等的加载问题。缺点:iframe和主页面共享链接池,而浏览器对相同域的连接有限制原创 2022-01-29 21:59:34 · 832 阅读 · 0 评论 -
【前端学习 - HTML(4) 语义化标签】
1. 语义化标签概念:语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。语义化的好处:用正确的标签做正确的事情; 去掉或者丢失样式的时候能够让页面呈现出清晰的结构; 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页; 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重; 便于团队开发和维护,语义化更具可原创 2022-01-29 21:58:09 · 527 阅读 · 0 评论 -
【前端学习 - HTML(3)标签上title属性与alt属性的区别是什么】
1.标签上title属性与alt属性的区别是什么alt是为了在图片未能正常显示时(屏幕阅读器)给予文字说明,且长度必须少于100个英文字符。 title属性为设置该属性的元素提供建议性的信息,鼠标悬浮时会显示标题...原创 2022-01-29 21:56:08 · 812 阅读 · 0 评论 -
【前端学习 - HTML (2)input-元素-属性】
1. input type 都有哪些类型有哪些属性 attrs : maxlength, disabled, readonly<input type="text" readonly="readonly"> //只读<input type="text" disabled="disabled" /> //禁用<input type="file" accept="video/*" capture="camcorder"> //支持视频2.行原创 2022-01-09 23:35:45 · 130 阅读 · 0 评论 -
【前端学习 - HTML (1)html5新增特性】
html5新增特性?拖拽释放(Drag and drop) API; 语义化更好的内容标签(header, nav, footer, aside, article, section); 音频、视频API(audio, video); 画布(Canvas) API; 地理(Geolocation) API; 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除; 表单控件:calendar、date、tim原创 2022-01-09 23:32:48 · 149 阅读 · 0 评论