【HTML】链接、图像

链接

• 如果没有“http://”浏览器就会在当前服务器寻找链接文档

邮件链接

<a href="mailto:[email protected]">Contact  Al Klecker</a>

电话链接

<a href="tel:+01-800-555-1212">Call us free at （800）555-1212</a>

• Android和Iphone会检测电话号码并自动把它们变成链接，可以在meta中关闭自动检测

<meta name="format-detection" content="telephone=no">

---

图像

• 位图：由彩色像素网格组成，PNG、JPEG、GIF、WebP、JPEG-XR
• 矢量图：包含从数学角度定义的路径，有SVG格式
• 其他格式必须转换成网页认可的形式，如果想保持图形文件原有的形式的话，就使用文件链接

<a href="architecture.eps">Get the drawing</a>

• 新图像格式：如果是SVG或者其他较新的格式如WebP、JPEG-XR，就需要将该媒体类型添加到服务器的官方列表中

浏览器会使用助手应用程序来显示无法单独处理的媒体，将链接中的文件后缀与相应的助手应用程序匹配。

• MIME类型：即官方媒体类型，任何可能驻留在服务器上的媒体文件都有MIME类型和后缀，如SVG有MIME类型image/svg+xml以及后缀.svg和.svgz
• htaccess文件：该文件包含所有文件类型及其可接受后缀的列表，需要确保添加新图像格式的MIME类型才能正确提供服务。（流行的Apache服务器软件都会使用根目录中的htaccess文件）

服务器会在列表中查找请求文件的后缀如.webp并将其与包含在浏览器HTTP响应中的ContentType（image/webp）匹配。这会告诉浏览器什么数据来了，以及如何解析它

• 默认情况下内联图像的底部与文本的基准线对齐
• XML：eXtensible Markup Language，可扩展标记语言
• SVG：是XML的一个示例或应用程序，提供了标记语言应如何编写和协作的规则、标准。SVG格式的图像形状和路径及其属性都是用标准的SVG标记语言编写的。

<svg xmlns="http://www.w3.org/2000