一个能主动迎合搜索引擎需要的网站才是好网站，如何做到这一点，就要求我们的网站制作公司能在网站架构布局时注意网站语言，其中大家知道HTML静态界面 网更适合网站后期优化，今天我们就网站制作静态页面HTML语法实际操作经验整理如下几种方法：
【示例】对于HTML文档来说，除了必须符合基本语法规范外，我们还必须保证文档结构信息的完整性。
【示例】对于HTML文档来说，除了必须符合基本语法规范外，我们还必须保证文档结构信息的完整性。
完整文档结构如下所示：
HTML文档应主要包括如下内容：
HTML文档应主要包括如下内容：☑ 必须在首行定义文档的类型，过渡型文档可省略。
☑ <html>标签应该设置文档名字空间，过渡型文档可省略。
☑ 必须定义文档的字符编码，一般使用<meta>标签在头部定义，常用字符编码包括中文简体（gb2312）、中文繁体（big5）和通用字符编码（utf-8）。
☑ 应该设置文档的标题，可以使用<title>标签在头部定义。HTML文档扩展名为.htm或.html，保存时必须正确使用扩展名，否则浏览器无法正确地解析。如果要在HTML文档中增加注释性文本，则可以在“<!--”和“-->”标识符之间增加，例如：<!--单行注释-->
或<!-----------------多行注释----------------->
1.4.4 HTML标签HTML定义的标签很多，下面对常用标签进行说明，随着读者学习不断深入，相信会逐步掌握HTML所有标签的用法和使用技巧。
1．文档基本标签文档基本标签主要用来标识文档的基本结构，也是一个网页文档应该使用的基本标签。
☑ <!DOCTYPE>：定义文档类型。
☑ <html>：定义HTML文档。
☑ <head>：定义关于文档的信息。
☑ <meta>：定义关于HTML文档的元信息。
☑ <title>：定义文档的标题。
☑ <body>：定义文档的主体。
☑ <h1>…<h6>：定义HTML标题。
☑ <p>：定义段落。
☑ <br>：定义简单的折行。
☑ <hr>：定义水平线。
☑ <!--...-->：定义注释。
2．格式标签格式标签主要用来标识文本区块，并附带一定的显示格式。
☑ <acronym>：定义首字母缩写。
☑ <abbr>：定义缩写。
☑ <address>：定义文档作者或拥有者的联系信息。
☑ <b>：定义粗体文本。
☑ <bdi>：定义文本的文本方向，使其脱离其周围文本的方向设置。
☑ <bdo>：定义文字方向。
☑ <big>：定义大号文本。
☑ <blockquote>：定义块引用。
☑ <cite>：定义引用（citation）的源URL。
☑ <code>：定义计算机代码文本。
☑ <del>：定义被删除文本。
☑ <dfn>：定义定义项目。
☑ <em>：定义强调文本。
☑ <i>：定义斜体文本。
☑ <ins>：定义被插入文本。
☑ <kbd>：定义键盘文本。
☑ <mark>：定义有记号的文本。
☑ <meter>：定义预定义范围内的度量。
☑ <pre>：定义预格式文本。
☑ <progress>：定义任何类型的任务的进度。
☑ <q>：定义短的引用。
☑ <rp>：定义若浏览器不支持ruby元素显示的内容。
☑ <rt>：定义ruby注释的解释。
☑ <ruby>：定义ruby注释。
☑ <samp>：定义计算机代码样本。
☑ <small>：定义小号文本。
☑ <strong>：定义语气更为强烈的强调文本。
☑ <sup>：定义上标文本。
☑ <sub>：定义下标文本。
☑ <time>：定义日期／时间。
☑ <tt>：定义打字机文本。
☑ <var>：定义文本的变量部分。
☑ <wbr>：定义视频。
【示例1】启动Dreamweaver，新建文档，保存为test.html。在代码视图下输入下面代码，分别使用<h1>和<p>标签标识网页标题和段落文本。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>示例代码</title></head><body><h1>文本格式标签</h1><p><p>标签标识段落文本</p></body></html>
【示例2】使用Dreamweaver新建文档，保存为test1.html。输入下面代码，分别使用各种字符格式标签显示一个数学方程式的解法。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>示例代码</title></head><body><p>例如，针对下面这个一元二次方程：</p><p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p><p>我们使用<big><b>分解因式法</b></big>来演示解题思路如下：</p><p><small>由：</small>(<i>x</i>-1)(<i>x</i>-4)=0</p><p><small>得：</small><br/><i>x</i><sub>1</sub>=1<br/><i>x</i><sub>2</sub>=4</p></body></html>按F12键，在浏览器中预览。
3．列表标签在HTML文档中，列表结构可以分为两种类型：有序列表和无序列表。无序列表使用项目符号来标识列表，而有序列表则使用编号来标识列表的项目顺序。具体使用标签说明如下。
3．列表标签在HTML文档中，列表结构可以分为两种类型：有序列表和无序列表。无序列表使用项目符号来标识列表，而有序列表则使用编号来标识列表的项目顺序。具体使用标签说明如下。
☑ <ul>：定义无序列表。
☑ <ol>：定义有序列表。
☑ <li>：定义列表的项目。
☑ <dl>：定义定义列表。
☑ <dt>：定义定义列表中的项目。
☑ <dd>：定义定义列表中项目的描述。
☑ <menu>：定义命令的菜单／列表。
☑ <menuitem>：定义用户可以从弹出菜单调用的命令／菜单项目。
☑ <command>：定义命令按钮。深圳网站制作博纳网络编辑整理。全文未完
当前文章链接：/construction/jzhyzx/1265.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
