前端:HTML/05/<meta>标记,XHTML简介及其编写规范,表格标签(<table>)及其相关标签(<tr>,<td>或<th>)

最新推荐文章于 2021-01-23 15:48:41 发布

原创最新推荐文章于 2021-01-23 15:48:41 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文详细介绍了<meta>标记的作用及其属性，包括http-equiv和name属性的使用，如设置网页字符集、自动刷新和关键词。此外，文章还深入探讨了XHTML与传统HTML的不同之处，包括XHTML的编写规范、DTD文档类型定义，以及表格标签<table>的使用方法。

<meta>标记

设置网页的字符集

name 属性

主要用于设置网页的搜索关键字，版权信息，作者等。
设置网页搜索关键字
<meta name=“keywords” content=“网站建设，企业网站建设，网站制作，网上商城，网站推广，域名注册，中企动力”/>
设置网页描述信息

XHTML简介

传统的HTML开发的初衷是面向pc机的，而随移动终端的不断出现，HTML已经满足不了
场的需求了
XHTML是新一代的HTML语言；其目的就是为了取代HTML；XHTML的标记与HTML非常相似；但XHTML的语法要比HTML严格（比如要求标记和属性全部小写）；
XHTML：可扩展超文本标注语言

XHTML编写规范

所有的标记和属性全要小写
单边标记必须关闭；如：<br>要写成<br/>
所有的属性都必须加引号（""）
所有的属性必须有值；如：<hr noshade>要写成<hr noshade=“noshade” />
标记之间要顺序嵌套，外层套内层，一层套一层；
XHTML网页必须要有DTD文档类型定义代码。

DTD文档类型定义

目的：作为一种验证机制，也就是检验网页中写的XHTML标记语法是否合法且一般放在XHTML文档顶部。

DTD一共有三大类型：
1，严格型的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
2，过渡型的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
3，框架的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

表格标签<table>（块元素）

表格的结构:两行四列的表格如下(单元格不可缺少，即表格要完整)
<table>
    <tr>
          <td>单元格</td>
          <td>单元格</td>
          <td>单元格</td>
          <td>单元格</td>
    </tr>
    <tr>
          <td>单元格</td>
          <td>单元格</td>
          <td>单元格</td>
          <td>单元格</td>
    </tr>
</table>

<table>的属性（表格标记）

width:表格宽度，单位可以是百分比，也可以是固定值；
height:表格高度
align :表格的水平对齐方式，取值：left,center,right ;
border :边框粗细；
bordercolor :边框颜色；
bgcolor :表格背景色；
background :背景图片URL；
cellpadding :单元格边线到内容的距离（填充距离）
cellspacing :单元格与单元格之间的距离（间距）
rules :合并单元格边框线(兼容性不好，一般使用css去合并)，取值：all

<tr>属性（行标记）

bgcolor :行的背景色
height :行的高度（行只有高度可以设置，宽度由表格决定）
align :行中的文本水平对齐方式，取值：left,center,right
valign :垂直居中，取值：top(上)，middle(中)，bottom(下)

<td>或<th>属性（单元格标记）

<td>是普通单元格，<th是标题单元格，且自动居中加粗显示;
width(宽),height（高）,align（水平对齐）,bgcolor(背景色),background（背景图片）,valign(垂直对齐)，
rowspan :上下单元格合并，合并属性必须放在第一个单元格中，被合并的单元格需删除，使得列中的单元格总数保持不变，单位：个；
colspan :左右单元格合并，合并属性必须放在第一个单元格中，被合并的单元格需删除，使得行中的单元格总数保持不变，单位：个；