开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第十八天，点击查看活动详情
4. LOGO SEO 优化
-
logo里面首先放一个h1标签，目的是为了提权，告诉搜索引擎，这个地方很重要
-
h1里面再放一个链接，可以返回首页的，把logo的背景图片给链接即可。
-
为了搜索引擎收录我们，我们链接里面要放文字(网站名称），但是文字不要显示出来。
- 方法1 : text-indent移到盒子外面( text-indent:-9999px)，然后overflowhidden，淘宝的做法。
- 方法2∶直接给font-size:0;就看不到文字了，京东的做法。
-
最后给链接一个title属性，这样鼠标放到logo上就可以看到提示文字了。
5.浏览器私有前缀
1.私有前缀
- -moz-︰代表firefox浏览器私有属性
- -ms-:代表ie浏览器私有属性
- -webkit-:代表safari、chrome私有属性
- -o-︰代表Opera私有属性
2.提倡写法
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius : 10px;
border-radius: 10px;
基础回顾
初识html
名词解释：
- ① Internet：即因特网
- ② www(World Wide Web)：即万维网
- ③ URL(Uniform Reource Locator)：统一资源定位符
- ④ DNS(Domain Name System)：域名解析协议
- ⑤ HTTP(Hypertext Transfer Protoclo)：超文本传输协议
- ⑥ WEB：即网页
- ⑦ W3C组织(World Wide Web Consortium)：万维网联盟
- Web标准
- Web标准主要包括：结构标准、表现标准和行为标准。
- ① 结构标准：用于对网页元素进行整理和分类，主要包括XML和XHTML两部分。
- ② 表现标准：用于设置网页元素的版式、颜色、大小等外观样式，主要指的是css。Css(Cascading Style Sheet)：层叠样式表。
- ③ 行为标准：指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两部分。DOM(Document Object Model)是文档对象模型。ECMASpript是ECMA(European Computer Manufacturers Association)以javaScript为基础制定的标准脚本语言。
- 网页制作入门
- ① Html(Hyper Text Markup Language)：主要是通过html标记对网页中的文本、图片、声音等内容进行描述。
- ② Css(Cascading Style Sheet)：通常称为css样式或样式表。
- 二、HTML入门
- Html文档的基本格式
- ① 标记
- 位于文档最前面。必须在开头出使用标记为所有的XHTML文档指定版本和类型。
- ② 标记
- 标记位于标记之后，也称为根标记，用于告知浏览器其自身是一个html文档。标记标志着html文档的开始，标记标志着html文档的结束，在它们之间是文档的头部和主体内容。
- ③ 标记
- 标记用于定义html文档头部信息，也称为头部标记，紧跟在标记之后，只要用来封装其他位于文档头部的标记。一个html文档只能含有一对标记。
- ④ 标记
- 标记用于定义html文档所要显示的内容，也称为主体标记。
- 注：一个html文档只能含有一对标记，且标记必须在标记内，位于头部标记之后，与标记是并列关系。
- Html标记简介
- ① 单标记和双标记
- 单标记（空标记）：单个出现的标签，例如：
、
等。 - <标记名/>
- 双标记：必须成对出现的标记，例如：、等。
- <标签名>内容</标签名>
- ② 注释标记:注释内容不会显示在浏览器窗口中，但是作为html文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。
