语义标签与网页规范

文件命名：

全小写即可

统一资源定义符url：

https:/域名(eg:baidui.com)/目录
无论在哪都是通过这个来访问到的网站

相对路径；绝对路径；同级访问

注释（可以不加，当难懂或者一大块内容时可以加）

嵌套规则——用“语义”标签

编码：utf-8

标签——指的是语义，而不是自带样式

1.<title>：会通知浏览器和搜索引擎
2.<meta name="keyword"    content=" ">
keyword：主要用于搜索引擎
<meta name="description"    content=" ">
description：摘要
3.<body>：整个
4.h1、h2、h3。。。：标题，从上到下代表权重关系，一般一个页面只要一个h1
5.<header>、<footer>——不一定指一个页头/页尾，可以多个页面用一个头尾
<nav>：导航条——同理
6.<article>：内容区域
          <section></section>：一组相似区域的组合
  </article>
<aside>：挂件、小部件（如：广告、侧边栏等）——一般与内容无大关系
7.<div>
8.<small>：描述声明类文本
<time>：放置时间
<abbr  title=" "></abbr>：描述简写内容
<sub>下标  <sup>上标
9.<del>：删除的    <ins>：现有的  <s>：错误的
10.<code>：代码（一般由插件决定样式）
11.<progress  value="60"    max="100"></progress>：进度条
12.<strong>、<em>、<mark>：强调
13.<cite>：标识来源，针对一个文本（eg：三国志、红楼梦、简书、GitHub。。。）
14.<blockquote>：标识来源，针对（较长的）引用
15.<address>：地址
16.<img src="路径"  alt="图片异常时显示"> （也可以用背景图片控制）

图像、链接类标签

1.常用图像类型：JPEG、PNG、GIF

一般使用JPEG（压缩百分之八十/六十）
小图标可以用png（如logo；使用之前去图标库找一下，有则可以直接使用）
动画：gif

2.最佳存储——放到云上（静态的都可以放上去，如图片，音频）

3.链接

image.png

此处：如：
第一个链接打开的第一次为第三个网站，第二次打开即为href里的网站

锚点：（可以跳转到本页/另一页的某个位置）

<a href="4. html#houdunren">跳转锚点</a>——(即会跳转到4.html里面id为houdunren的位置)

其他
1.邮箱：<a href="xxx@...">
（可以用#替代@，然后提示用户请将#改为@后发邮件的提示形式。）
2.电话：<a href="tel:。。。">
3.图片：<a href="xxx">