HTML&CSS拓展

嵌套问题
HTML标签规范对结构嵌套的方式有着较为严格的要求，其要求分为固定嵌套规则和限制嵌套规则两类。

1.固定嵌套规则
有些标签是固定的嵌套规则
(1) < ul >、< ol >标签只能嵌套< li >标签，不可嵌套其他标签，错误示例代码如下所示。

< ul >
< div >
< /ul >
< ol >
< p >< /p>
< /ol>

上述代码中< ul>标签嵌套了< div>标签，< ol>嵌套了< p>标签的操作不符合固定嵌套规则，这是种错误的嵌套方式。
(2) < dl>标签只能嵌套< dt>、< dd>标签， 不允许嵌套其他标签，错误示例代码如下所示。

< dl>
< h2>< /h2>
< div>< /div>
< /dl>
上述代码中< dl>标签嵌套了< h2>和< div>标签，这是错误的嵌套方式。
(3) < table> 标签只能嵌套< tr>、< caption>、 < thead>、 < tbody>、 < tfoot> 标签，不可嵌套其他标签。示例代码如下。

< table >
< div>
< p>< /p>
< /div>
< /table>

HTML拓展

< link>标签
< link>标签属于链接标签，它可以引入css外部样式文件。在< head>标签中通过以下方式进行设置， 示例代码如下。

< link rel=“stylesheet” type=“texc/css” href=“index.css” >

rel属性用来规定当前文档与被链接文档之间的关系。type 属性规定被链接文档MIME类型。MIME (Multipurpose Internet Mail Extensions)是描述消息内容类型的因特网标准，即当前文件类型。text/css 表示文件是css 类型。href 属性用来规定链接文件地址。

标签还有其他用法。下面依次进行列举。 (1) medai

值 ---------- 描述
screen -------- 计算机屏幕(默认)
tty ------------ 电传打字机以及类似的使用等宽字符网格的媒介
tv ----- 电视机类型设备(低分辨率、有限的滚屏能力)放映机
projection ----- 放映机
handheld ----- 手持设备(小屏幕、有限带宽)
print ----- 打印预览模式/打印页面
braille ------ 盲人点字法反馈设备
aural ----- 语音合成器
all ----- 适用于所有设备

(2)设置网站的缩略标志。
有些网站在标题前面会出现一个图标，这个图标就是网站的缩略标识，用于区分不同的网站来源。通过< link>标签可实现添加图标功能。

< meta>标签
< meta>元素可以提供与页面有关的元信息(metr -infmatin）如针对搜索引克更新频度的描述和关键词。同样需要在< head>标签中通过以下方式进行设置，示例如下。
< meta charset=“utf-8”>
除了可以设置文档的编码方式外，还可以设置其他的元信息方式。下面进行依次列举。
(1)设置网站的关键词和内容描述。
通过< meta>设置网站的关键词和内容描述，可以让搜索引擎了解当前网站的关键词和网站的主要内容，有利于SEO搜索引擎优化，示例如下。

< meta name=“keywords”
content=" HTML5,UI, PHP">
< meta name=“description”
content=“1233211234567”>
(2)设置网站的作者和版权信息。
可以通过< meta>设置网站的作者和版权信息，示例如下。
< meta name=“author” content=“小啊东”>
< meta name=“copyright” content=“2018-2019”>

(3)是否允许搜索引擎索引。
可以通过设置是否允许搜索引擎索引，示例如下。
< meta name=" robots" content=“index,follow”>