语义化标签
来源:互联网 发布: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> 定义框架集的窗口或框架。
节点元素分为标签:节元素标签、文本元素标签、分组元素标签
- HTML5语义化标签
- HTML语义化标签
- 页面标签语义化
- HTML语义化标签
- 标签语义化
- 标签语义化
- html5 语义化标签
- web标签语义化
- html5语义化标签
- html5语义化标签
- html5语义化标签
- html5语义化标签
- html5语义化标签
- html5语义化标签
- html5语义化标签
- html5语义化标签
- 标签语义化
- HTML标签语义化
- day4 POJ 1035 Spell checker
- 视图对性能的影响
- C# winform 中MessageBox用法大全(附效果图)
- linux 进程间通信的几种方式
- HDU 5730 2016多校Contest 1 G题【CDQ分治和FFT模板】
- 语义化标签
- 线程之间共享的内容
- poj 1985 Cow Marathon (树的直径 模板题)
- STM32之I2C_EEPROM读写
- day4 CodeForces 616A Comparing Two Long Integers
- Python学习笔记1
- HDU-2444 The Accomodation of Students(二分图判断+最大二分匹配)
- Java子类实例化过程和Java方法重写与super关键字
- 2029--回文字符串