html常用标签详解

HTML注释及CSS代码注释

/*这是CSS的注释*/

网页结构代码

 
 
    <！--网页头部标签 给游览器和搜索引擎查看-->
    
         显示字符集
        
        关键词
        描述信息
        
    
    
    

常用lang：

en-US 英语（美国）
zh-CN 中文（简体中国大陆)
zh-SG 中文（简体，新加坡）
h-HK  中文（繁体，香港）
zh-MO 中文（繁体，澳门）
zh-TW 中文（繁体，台湾）

a标签

可选值：

href 
    #号返回顶部
    id号去到相应的id名处
    相对路径到相应内部页面
    外网地址链接到相应的网址
target
    _self 默认值，当前页面打开
    _blank 打开一个空白页面来显示
    _new   打开一个新页面，如果已存在则不打开新页面

占位符：

# 缺点会返回顶部
javascript:;

img标签

可选值

src 路径地址
    相对地址 常用使用方法
    绝对地址 不建议项目中使用
    都是从当前目录来计算路径
alt 图片加载失败时候的文字显示
title  鼠标悬停的提示文字
width/height 建议写上原始大小，不写单位，默认是px
    只写宽，会等比例缩放

常用图片格式
jpegdpg）

支持的颜色丰富，不支持透明效果，不支持动图，有损
——般用来显示照片

gif

支持的颜色比较少，支持简单透明，支持动图
颜色单一的图片，动图

png

一支持的颜色丰富
复杂透明的图片（专为网页而生的，适合图标，）

webp

这是谷歌专门推出来表现网页中的图片的一种格式一它具备所有图片的优点，而且文件还特别小
缺点：兼容性不好

base64

一将图片使用base64进行编码，这样可以直接将图片直接转换为字符.通过字符的形式引入图片
——般都是一些需要和网页一起加载的图片才会使用base64

原则：效果一样，用小的