Dunyakara

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
logs/20311038.html

基本标签：

[!DOCTYPE]        其实就是指XHTML DTDs，可以有三种不同的声明

[html]        存在这个标签说明这个文档是html文档，也就是通常说的纯静态网页文件

[body]       简单的说就是XHTML文档的主体部分，浏览器显示的即是这部分。 [h1]- [h6]          用于显示标题的标签， [h1]为最高级，依照重要性递减， [h6]最低级

[p]        用于显示段落的标签，博文的段落就是依靠这个标签控制的。可以看看源代码

[br /]         换行标签，在XHTML文档里输入这个标签，可以实现换行效果。 [hr /]         水平线，显示出来的就是一条水平线

[!-- ...... --]          注释用的，浏览器解析会自动滤过这个标签里的内容

格式修饰：

[b]          对文本内容进行加粗，显示为粗体文字

[font]        控制文字的标签，带上style属性即可实现控制文字样式

[i]             把文本内容设置成斜体，显示为斜体文字

[u]            为文本内容加上下划线，就是那种文字下面有条线的效果

[big]          增大文本内容的字体，也就是说比一般的文字要来得大

[small]       缩小文本内容的字体，也就是说比一般的文字要来得小

[em]         用于强调文本内容为重要内容，伴有斜体显示的效果，老外认为斜体代表重要

[strong]           用于强调文本内容为非常重要内容，伴有粗体显示的效果，同样是老外认为的

链接：

a         常常用于页面内的跳转或者链接到另一个页面，链接方式通常是：href。link            存放在头信息里面的元素，用于外调其他的资源，譬如样式表、图标

输入：  

[form]             使用这个标签等同于在XHTML里创建一个表单，博客评论便是这个的应用

[input /]           创建输入类型的区域。博客里用的最多的是输入框，它还能通过type定义使用其他效果

[textarea]         简单的说就是插入文本域，博客评论内容输入的地方就是这个的应用

[button]            插入一个按钮。提交评论时按的那个东西就是这个的应用

 [label]               翻译不准确，具体也不是很清楚它的作用。常常是在表单里用了显示标签。比如：                        [label]访客昵称[/label]

列表：  

[ul]          用于插入一个无序列表，无序列表指项目排列没有顺序。常常用来做导航

[ol]         相对“无序列表”的有序列表，指项目按照顺序排序下来

[dl]         用于插入一个定义列表，像我们看到的商品介绍便是使用这个标签

 [dt]        放在定义列表里的标签，旨在显示定义列表的项目，比如某个商品的名称

[dd]       放在定义列表里的标签，显示对项目的描述，比如某个商品的介绍

[li]          列表项目，用于显示项目，只能放在[ul]或者[ol]下面

图片：  

[img /]          用于在XHTML文档里插入图片

[map]            图片地图的意思，指在网站banner下面的导航

表格：  

[table]         在XHTML文档里插入一个表格

[td]         用于在表格里插入一列，表格里显示为竖的那部分

[tr]         用于在表格里插入一行，表格里显示为横的那部分

样式：  

[style]         常常用于在XHTML文档里内联样式表，在[head][/head]中调用最合适

[div]         语义上为层，常常用于布局，配合CSS就是通常说的Div+CSS布局

[span]          类似于div的区域，不叫做层。应用来插入一个区域

头信息：  

[head]         即头信息部分，常常用来存放不可见元素，这点在上一章说到过

[title]         用来定义XHTML文档的标题，浏览器标题栏显示的就是这里的内容

[meta]         即所说的元信息，可以用来定义网页的信息。譬如编码

对象：  

[script]         用于在XHTML内嵌或者外联脚本。在[head][/head]中调用最合适

 [object]         在XHTML文档里内嵌对象。譬如：flash或者ActiveX控件（比如播放器）

CSS的内容必须符合如此的书写方式，否则你所定义的属性将不起任何作用，更不用提通过W3C的验证了：

1. 元素名必须做合适的定义；

2. 属性及其属性值必须包含在大括号（{ }）内；

3. 属性与属性之间用分号（;）分开；

4. 属性及其属性值必须被CSS 2.0所支持；

元素名的定义方式基本分为：定义为类型选择符、定义为ID选择符、定义为CLASS选择符。

◆ 定义为类型选择符     类型选择符也可以说为全局选择符，即应用在全局的选择符。它通常没有任何前缀而直接定义，比如：    body { rules }；类似这样的选择符即为类型选择符。值得注意的是，类型选择符必须是XHTML或者    HTML的标签。尚未见过使用自己命名的类型选择符。

◆ 定义为ID选择符     ID选择符是利用符号“#”来对元素进行定义的，也就是说它的前缀是符号“#”，比如：#container    ID选择符具有唯一性，一个ID选择符在页面中只能出现一次，不能够多次出现。 ID选择符可以自由命    名。

◆ 定义为CLASS选择符     CLASS选择符也称为“类选择符”，它是利用符号“.”来对元素进行定义的，当某元素的前缀为符号   “.”的时候代表这个元素为类选择符。类选择符不具有唯一性，因此一个页面里可以多次出现某个类选择符。CLASS选择符自己命名。