HTML标签

超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中Z基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)Z重要的组成部分;希望大家熟练运用。

===================

目录

1特点

2种类

3字符编码

===================


一、特点
  • 由尖括号包围的关键词,比如 <html>
  • 通常是成对出现的,比如 <div> 和 </div>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签;
  • 开始和结束标签也被称为开放标签和闭合标签。
  • 也有单独呈现的标签,如:<img src="images/1.jpg" />等。
  • 一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。
  • 网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。某些时候不安标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。
二、种类标题标签<H>

是通过<h1> - <h6> 等标签进行定义的如:

<h1>童欣SEO博客_上海SEO</h1>

<h2>童欣SEO博客_上海SEO</h2>

<h3>童欣SEO博客_上海SEO</h3>

<h4>童欣SEO博客_上海SEO</h4>

<h5>童欣SEO博客_上海SEO</h5>

<h6>童欣SEO博客_上海SEO</h6>

h1字号Z大,h6字号Z小


段落<p>

段落是通过<p>标题定义的

如:<p>这是段落</p>


链接<a>

链接是通过<a>标签进行定义的

<a href=”#”></a>

如:<a href=”http://bbs.云优化seo.net”>SEO</a>

图像<img>

图像由<img>标签定义

<img src=”URL”/>

<img src=”/logo.phg” alt=”网站LOGO” width=”270” height=”129”/>后面可以跟上属性和宽、高、替换文本属性(Alt) alt=”图片的说明文字”

<img

Src=”http//bbs.云优化seo.net/template/veikei_dz_bbs_20121105_win8_color/images/logo.png” alt=”搜到科技LOGO” width=”309” height=”80” title=”搜到科技”>

当鼠标放到LOGO图片上时会有提示这是由title=“搜到科技”这个属性决定的。

当图片路径错误的时候显示的是ALT标签的说明文字。ALT在优化中必不可少,它能够帮助蜘蛛识别图片的含义,利于优化。


表格<table>

表格由<table>标签来定义

每个表格均有若干行(由<rt>标签定义),每行被分割为若干个单元(由<td>标签定义)

如:<table border=”1”>

<tr>

<td>第一行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

三、字符编码

<meta http-equiv=”content-Type” cotent=”text/html;charset=gbk”/>


标题(title)

<title>童欣SEO博客_上海SEO</title>

标题标签在网站是至关重要的切不可缺失。乱写、错写、不会写都会对网站优化造成影响。


关键字(keywords)

<meta name=”keywords” content=”童欣SEO博客_上海”/>关键字也不会参与权值的计算,但建议为网站书写精准的关键字从搜索引擎来考虑便于索引。


描述(description)

<meta name=”description” content=”童欣SEO博客提供【免费实战教程】,【SEO技术问题解答】,【SEO优化教程】和技术指导。 搜索SEO学院”/>

Description标签是对网页内容的精炼概括,帮助用户从搜索结果列表中判断你的网页内容是否和需求相符合并吸引用户点击。描述虽不会参与权值的计算但是必不可少的,而且描述的编写一定要符合内容和关键词的匹配,这样才能够更好的将站内的主题展现给用户。

总结:前面我们已经提到过HTML标签代码。对于这些Z基础的HTML标签代码的了解非常有必要。因为对于优化来说起着很重要的角色。我们应该对以上常用的标签掌握并使用。


上一篇技术文章:新手上路建站必知【FTP的使用和注意事项】

下一篇技术文章:新手上路【服务器日志(IIS日子)分析】


本技术文章来自:童欣SEO博客_上海SEO www.webseo.com.cn 欢迎提问 如有转载文章请注明出处。