几个月前突然对网页非常感兴趣,一鼓作气学了很多关于网页的东西,还传了个简单的网页到学校的服务器.
最近好久没有碰过了,看到自己博客的分类,觉得这一块好像应该写点东西了,于是今天就拿出来复习一下.发现有些东西已经记得很牢了,还有很多东西值得再次探索.其实当时学的时候,都只是很浅地看看,很多都并没有完全搞清楚是怎么回事,只知道这样大概是对的,于是就用了.是时候进行再次学习了.特别是CSS 和javascript的东西,必须还得狠下点功夫.
先说一些没有搞透彻的标签吧.
1).meta
这个玩意儿本身好像没啥用,就跟注释差不多,但是这个世界上自从有了个叫"搜索引擎"的东西以后它就不一样了.
简单说来,meta有两种,name和http-equiv
1.name属性,主要用于描述网页,content中的内容主要便于搜索引擎机器人查找信息和分类信息
格式:
<meta name="某个设置值" content="该设置值的补充说明">
常用的name属性设置:
1.1 keywords,告诉搜索引擎,把content属性的内容作为关键字添加到搜索引擎中,若有多个关键字用逗号分开
<meta name="keywords" content="java,dtn">
1.2 description,搜索引擎使用content属性中的设置信息用作对网站的描述,告诉搜索引擎网站的主要内容
<meta name="description" content="this page is joshua's research page">
1.3 author,表明网页的作者
<meta name="author" content="joshua,xxx@xxx.com">
还有一个叫robots,我也不知道有什么用,通常默认就ok,暂时就不管吧,以后遇到啥问题再来修正
2.http-equlv属性,这个东西就相当于http的头文件,通过该标签可以想浏览器传回一些有用的信息,从而可以更加准确的显示网页的内容.
格式:(跟name一样)
<meta http-equlv="参数" content="具体的设置值">
其实有很多,但是我觉得我基本上看到的也就那两个
常用的http-equlv属性设置:
2.1 content-Type,显示字符集的设定
<meta http-equlv="content-Type" content="text/html;charset=gb2312">
上面那个,一个是Type是大写T,还有content之间是分号,gb2312是国标码貌似,中文是utf-8,英文是en
说实话,其它关于http-equlv的属性真的还不常见,下次遇到什么比较常用的再来补充
2)title
这个很简单,也就是在浏览器的上面显示一下这个页面的名字,可以随便定义想显示的名称
3)div
这一个要好好考究一下了,我看过的写得好的页面,很多都是先在html中把div分好,然后直接在css里面定义样式就好了.当然,div的定义和分配饿 本身就是一件很艺术的事情,必须事先有个规划,至少说自己的页面要分成几块,怎么分要知道,然后如果需要在某一块加东西,再添加一些div标签,加入新的 内容就好,这样在css中也很好添加相应的样式.
css中定义的样式优先级最低,所以只要大的板块没问题,小的东西和样式可以直接在html中添加就好,问题不大.只是如果能养成好的习惯,尽量每次都先规划好,然后一气呵成,就可以让不同的文件各司其职,这样代码的质量更高,更好维护.
废话不多说,开始复习.
1.div,英文全称应该是division,顾名思义就是分割的意思,用来定义文档中的分区.通常和"class" 或者 "id"一起使用,可以实现严格的分区组织.它是一个块级元素,它的内容会自动开始新的一行.
2.可以对同一个div使用class和id,但是通常对一个div只使用其中一个.二者的差异主要体现在class用于元素组,也就是类似的元素,或者理解为某一类元素,而id用于标识单独的唯一的元素.
3.浏览器通常会在div前后放置一个换行符
ok,这个东西也不是两三下能讲得清楚的,它的用途就是这个了.知道这个意思然后和css结合起来用就知道了.我现在还没有搞清楚class和id用起来的具体区别.看看再说吧
补充:又看了看,我觉得对class和id的区别更加清楚了一些。从标准上来说,class可以多次使用,而id在同一个页面只能使用一次。在实际应用的时候,class可能更多地用在文字的排版,id更多用在宏观布局和一个具体的设置。
其它的标签稍后用到觉得需要再更新吧
最近好久没有碰过了,看到自己博客的分类,觉得这一块好像应该写点东西了,于是今天就拿出来复习一下.发现有些东西已经记得很牢了,还有很多东西值得再次探索.其实当时学的时候,都只是很浅地看看,很多都并没有完全搞清楚是怎么回事,只知道这样大概是对的,于是就用了.是时候进行再次学习了.特别是CSS 和javascript的东西,必须还得狠下点功夫.
先说一些没有搞透彻的标签吧.
1).meta
这个玩意儿本身好像没啥用,就跟注释差不多,但是这个世界上自从有了个叫"搜索引擎"的东西以后它就不一样了.
简单说来,meta有两种,name和http-equiv
1.name属性,主要用于描述网页,content中的内容主要便于搜索引擎机器人查找信息和分类信息
格式:
<meta name="某个设置值" content="该设置值的补充说明">
常用的name属性设置:
1.1 keywords,告诉搜索引擎,把content属性的内容作为关键字添加到搜索引擎中,若有多个关键字用逗号分开
<meta name="keywords" content="java,dtn">
1.2 description,搜索引擎使用content属性中的设置信息用作对网站的描述,告诉搜索引擎网站的主要内容
<meta name="description" content="this page is joshua's research page">
1.3 author,表明网页的作者
<meta name="author" content="joshua,xxx@xxx.com">
还有一个叫robots,我也不知道有什么用,通常默认就ok,暂时就不管吧,以后遇到啥问题再来修正
2.http-equlv属性,这个东西就相当于http的头文件,通过该标签可以想浏览器传回一些有用的信息,从而可以更加准确的显示网页的内容.
格式:(跟name一样)
<meta http-equlv="参数" content="具体的设置值">
其实有很多,但是我觉得我基本上看到的也就那两个
常用的http-equlv属性设置:
2.1 content-Type,显示字符集的设定
<meta http-equlv="content-Type" content="text/html;charset=gb2312">
上面那个,一个是Type是大写T,还有content之间是分号,gb2312是国标码貌似,中文是utf-8,英文是en
说实话,其它关于http-equlv的属性真的还不常见,下次遇到什么比较常用的再来补充
2)title
这个很简单,也就是在浏览器的上面显示一下这个页面的名字,可以随便定义想显示的名称
3)div
这一个要好好考究一下了,我看过的写得好的页面,很多都是先在html中把div分好,然后直接在css里面定义样式就好了.当然,div的定义和分配饿 本身就是一件很艺术的事情,必须事先有个规划,至少说自己的页面要分成几块,怎么分要知道,然后如果需要在某一块加东西,再添加一些div标签,加入新的 内容就好,这样在css中也很好添加相应的样式.
css中定义的样式优先级最低,所以只要大的板块没问题,小的东西和样式可以直接在html中添加就好,问题不大.只是如果能养成好的习惯,尽量每次都先规划好,然后一气呵成,就可以让不同的文件各司其职,这样代码的质量更高,更好维护.
废话不多说,开始复习.
1.div,英文全称应该是division,顾名思义就是分割的意思,用来定义文档中的分区.通常和"class" 或者 "id"一起使用,可以实现严格的分区组织.它是一个块级元素,它的内容会自动开始新的一行.
2.可以对同一个div使用class和id,但是通常对一个div只使用其中一个.二者的差异主要体现在class用于元素组,也就是类似的元素,或者理解为某一类元素,而id用于标识单独的唯一的元素.
3.浏览器通常会在div前后放置一个换行符
ok,这个东西也不是两三下能讲得清楚的,它的用途就是这个了.知道这个意思然后和css结合起来用就知道了.我现在还没有搞清楚class和id用起来的具体区别.看看再说吧
补充:又看了看,我觉得对class和id的区别更加清楚了一些。从标准上来说,class可以多次使用,而id在同一个页面只能使用一次。在实际应用的时候,class可能更多地用在文字的排版,id更多用在宏观布局和一个具体的设置。
其它的标签稍后用到觉得需要再更新吧