|
|
<meta charset="utf-8">
<meta> 标签：
<meta>标签是网页代码中<head>区的一个关键标签，其提供的信息虽然用户不可见，但却是文档的最基本的元信息。
<meta>标签可以定义文档的各种元数据，提供各种文档信息，通俗点说就是可以理解为提供了关于网站的各种信息。
比如：针对搜索引擎和更新频度的描述和关键词， 加入meta描述，可以方便用户去阅读，同时可以在搜索结果中增加点击率。
charset="utf-8"： charset 是<meta>标签的一个属性，是用来定义文档的字符编码。
“utf-8”是其中的一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。
各个字符编码含义：
gb2312：代表国家标准第2312条，其中是不包含繁体的。
gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）。
unicode：万国码（字面意思你也懂的）。
utf-8：utf-8是unicode的升级版，代表世界通用的语言编码
<meta>标签相关属性举例： <meta name="apple-mobile-web-app-capable" content="yes" />
1> 这个的作用就是删除默认的苹果工具栏和菜单栏； content 默认值是 no， 即显示；
2> 如果设置 content 为 yes，web应用以全屏模式运行，否则不会在全屏中运行。
<meta name=”apple-mobile-web-app-status-bar-style” content=black” />
1> 默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。
2> 注意： 若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。
【注】：详情可参考： <meta name="viewport" content="width=device-width, initial-scale=1.0" />
content属性值 :
width:可视区域的宽度，值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放
type="text/css"
<type="text"> 文字输入框，这个输入框可以输入任何文字 <type="password"> 为用户提供安全输入密码的方式 <type="checkbox"> 默认呈现为方框，在激活时被检查（打勾） <type="radio"> 通常用在组中，用于描述一组相关选项的单选按钮集合 <type="hidden"> 隐藏域在页面中对于用户是不可见的 隐藏域只是在网页上不显示输入框。虽然隐藏了还是具有form传值功能，一般用来传值功能，而不必让用户看到。 <type="button"> 被用来创建一个没有默认值的可点击按钮 <type="submit"> 呈现为提交按钮，单击-将尝试提交到服务器 <type="reset"> 被渲染为重置按钮，单击-将重置所有输入的形式 <type="email"> 用于输入和编辑电子邮件地址的类型元素 <type="file"> 让用户选择一个或多个文件 <type="unmber"> 让用户输入一个数字，其包括内置验证以拒绝非数字输入 <type="search"> 为用户输入搜索查询而设计的文字字段 <type="tel"> 让用户输入和编辑电话号码 <type="date"> 用于允许轻松输入日期，包括年月日，但不包括time <type="time"> 创建输入字段允许轻松输入时间 <type="range"> 呈现被渲染为进度条 <type="url"> 让用户输入和编辑URL网址 <type="javascript"> 让用户输入JS <type="css"> 让用户输入CSS一、href="URL"的作用 1、URL为绝对URL 此时指向另一个站点，比如href="https://www.baidu.com",那么点击时就会直接跳转到这个链接的页面。 2、URL为相对URL 此时指向站点内的某个文件，比如href="/test.pdf"，那么点击时就会直接下载文件。 3、锚 URL 此时指向页面中的锚，比如href="#box"，那么点击时就会到当前页面中id="box"的这个锚点，实现当前页面的所谓跳转。用的最多就是在可滚动页面中，添加菜单，可以直接回到页面中的某个部分的内容。三种代码样例： <a href="https://www.baidu.com">超链接</a> <a href="#">回到最顶端</a> <a href="./test.pdf">文件链接</a> 二、href="#"的作用 “#”的意思是链接当前页面。如果当前页面中需要滚动的话，那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮，回到顶部，那么此时可以考虑用这种最简单的方式实现。
|
|
发表于 2024-5-12 11:24:54
