语义化标签

来源:互联网 发布:js实现excel上传文件 编辑:程序博客网 时间:2024/05/21 06:30

定义:就是尽量使用有相对应的结构的含义的Html的标签

标签语义化的好处

  a、让结构更简洁,方便搜索引擎

  b、通过多重组合,减少不必要的CSS命名

语义化标签的使用

  a、列表:ul、ol、li、dl、dt、dd

  b、标题:h1-h6

  c、段落:p

  d、强调:strong

  e、表格:table、tr、td,以及表格的其他成员th、thead、tbody、tfood

常用HTML标签表

结构元素标签 

<body>   定义文档的主体,默认有外边距,注意清除。

<head>    定义页面的信息。

<html>    定义 HTML 文档。

<meta>   定义页面的描述信息,便于搜索优化。

<title>     定义文档的标题。

<link />   定义引用外部文件,如联入CSS样式表。

<style>    定义内联的CSS样式信息。

<script>  定义内联或外联的客户端脚本,如JS。

<article>定义文章标题

行内元素

<a>  定义锚链接或其他链接,行内元素。

<img />   定义引入一张图片,行内元素。

<strong> 定义强调文本,样式为加粗,行内元素。

<span>    定义一个行内元素的空盒子。

 

块级元素

<div>      定义一个块级元素的空盒子。

<h1> to <h6> 定义标题部分,默认有外边距,块级元素。

<ul>       定义无序列表,默认有外边距和内边距,块级元素。

<ol>       定义有序列表,即数字列表,默认有内外边距,块级元素。

<li> 定义列表的项目,一般被嵌套在<ul>和<ol>内,块级元素。

<dl>       自定义列表的项目,默认有外边距和内边距,块级元素。

<dt>       自定义列表的标题,嵌套在<dl>内,与<dd>区别,块级元素。

<dd>       自定义列表的内容,嵌套在<dl>内,与<dt>区别,块级元素。

<p> 定义段落,默认有一个行高的外边距。

 

表格元素

<table>   定义表格。

<tr> 定义表格中的行。

<td>       定义表格中的单元。

<th>       定义表格中的表头单元格。

<thead>   定义表格中的表头内容。

<tbody>  定义表格中的主体内容。

<tfoot>   定义表格中的表注内容(脚注)。

 

其他标签

<br />     定义一个回车换行。

<map>    定义图像映射,即鼠标热区。

<area>    定义图像映射内部的区域。

<form>   定义输入提交的表单。

<button> 定义表单中的按钮 (pushbutton)。

<input>   定义表单中的输入控件。

<select>  定义表单中的选择列表(下拉列表)。

<frame>  定义框架集的窗口或框架。

 

节点元素分为标签:节元素标签、文本元素标签、分组元素标签

0 0
原创粉丝点击