重庆的推广网站,wordpress 头像加载慢,网站建设推广公司需要哪些岗位,简单的h5免费模板HTML5相比HTML有哪些更新#xff1f;
语义化更强的HTML元素#xff1a;引入artitcle、section、nav、header、footer等元素#xff0c;帮助创建结构更清晰、语义更明确的网页#xff0c;有利于SEO和内容的可访问性表单控件增强#xff1a;新增多种表单输入类型#xff0…HTML5相比HTML有哪些更新
语义化更强的HTML元素引入artitcle、section、nav、header、footer等元素帮助创建结构更清晰、语义更明确的网页有利于SEO和内容的可访问性表单控件增强新增多种表单输入类型如email、data直接支持数据验证提高了表单的易用性和功能性音视频支持原生支持音频audio和视频video无需依赖外部插件提高了访问多媒体内容的速度和兼容性新的API支持如Canvas Geolocation Drap and Drop让网页能支持更复杂的用户交互Web存储和WebSockets提供了更先进的数据存储方案localStorage和sessionStorage和实时通信能力WebSockets让网页应用像传统的桌面应用更好的连接性和离线支持通过应用程序缓存Application Cache支持离线应用使得Web应用能够更灵活地在没有网络的环境下使用
img标签的srcset属性的作用
提供多个文件源和各自的分辨率浏览器会根据设备的屏幕尺度和像素密度DPI选择最适合的图像。
行内元素有哪些块级元素有哪些空void元素有哪些
行内元素Inline Elements
行内元素通常位于文本内部它们不会导致文本换行而是在内容流中连续展示。这些元素主要用于改变一小块内容的样式或行为不影响周围的布局。
spanaimgb和iinputselect:在表达中创建下拉选择菜单strong
块级元素Block-level-Elements
块级元素在页面中通常表现为“块”会在其前后自动换行默认占据父元素的完整宽度。
divph1到h6ul ol分别定义有序列表和无序列表li列表项
空元素Empty Elements
空元素是那些只有开始标签没有结束标签的元素因为它们不包含任何内容
imgbrhr水平分割线input用于创建输入字段如文本框、复选框、单选框等meta提供关于HTML文档的元数据如定义字符集页面描述等link用于链接外部资源如CSS文件
HTML5的离线储存如何使用
离线存储Application Cache允许开发者指定哪些文件(如 HTML 页面、图像、JS 脚本和 CSS 样式表)应该被浏览器缓存并能够在没有网络连接时访问它们。
1.创建清单文件 创建一个以.appcache结尾的清单文件在文件中列出需要缓存的资源。这个文件必须声明MIME类型即text/cache-manifest
2.引用清单文件 在HTML页面的html中使用manifest属性引用这个清单文件
html manifestexample.appcache3.结构清单文件
# 2024-01-01 v1.0.0
CACHE:
/css/style.css
/js/app.js
/images/logo.pngNETWORK:
*FALLBACK:
/ /offline.htmlCACHE首次下载后会被缓存支持离线访问。NETWORK不会缓存从浏览器请求。*表示默认情况下所有其他资源都需要网络连接才可以访问。FALLBACK备用页面的路径。如果用户请求的资源无法访问将跳转到备用路径。
浏览器如何对离线缓存的资源进行管理和加载
管理
创建并引用清单文件下载资源到缓存用户首次访问时浏览器解析清单文件并下载指定资源到应用程序缓存中更新缓存每次访问页面时浏览器都会检查清单文件是否更新。如果更新重新下载清单文件中指定的所有资源并替换掉旧缓存。离线访问资源被缓存即可离线访问
加载
缓存中存在资源从缓存加载缓存中不存在资源且设备离线使用备用资源