HTML 标签集合--源自技术

关注
原创最新推荐文章于 2026-05-25 16:53:57 发布 1k 阅读 AI 写同款· GEO 优化 ›
深入理解BSS段与HTML布局：bss-master项目解析 BSS（Block Started by Symbol）段是程序内存中用于存储静态变量和全局变量的空间，且初始值默认为零。这一概念源自于早期计算机体系结构，其中对于内存的分配和管理至关重要。阅读详情
[html]view plain copy 
    
      标签              简介  
 -------------     --------------  
 <html>             整个文档  
 <head>             元素是所有头部元素的容器例如：<title>、<base>、<link>、<meta>、<script> 以及 <style>。  
 <body>             文档主体  
 <title>        标题定义文档的标题。  
 <meta>             元素来描述文档,定义文档关键词，重定向到新网址  
 <base>             为页面上的所有链接规定默认地址或默认目标（target）：  
 <h1>~<h6>        标题  
 <p>                段落  
 <a>                链接  
 <img>          图像  
 <br>           换行  
 <table>            表格  
 <hr>           水平线  
 <table>            表格  
 <caption>      表格标题。  
 <th>           表格的表头。  
 <tr>           表格的行。  
 <td>           表格单元。  
 <thead>            表格的页眉。  
 <tbody>            表格的主体。  
 <tfoot>            表格的页脚。  
 <col>          表格列的属性。  
 <colgroup>         表格列的组。  
 <form>             表单  
 input:text       表单：文本输入框  
 input:radio      表单：单选按钮  
 input:checkbox   表单：复选框  
 input:submin     表单：确认按钮  
 <select>       表单：选项列表  
 <option>       表单：选项  
 <optgroup>       表单：选项组  
 textarea         表单：文本域  
 <fieldset>         表单：定义域   
 <legend>       表单：定义域的标题   
 <label>            定义一个控制的标签  
 <button>       按钮  
 <ol>           定义有序列表。  
 <ul>           定义无序列表。  
 <li>           定义列表项。  
 <dl>           定义定义列表。  
 <dt>           定义定义项目。  
 <dd>           定义定义的描述。  
 <frameset>         框架结构标签/框架集  
 <frame>            框架标签  
 <noframes>         框架不被浏览器支持时显示的内容  
 <iframe>       内联框架  
 <b>                格式化标签：加粗  
 <strong>       格式化标签：加粗  
 <big>          格式化标签：大字体  
 <em>           格式化标签：强调内容（用斜体字来显示）  
 <i>                格式化标签：斜体  
 <small>            格式化标签：小号字体  
 <sub>          格式化标签：定义下标文本  
 <sup>          格式化标签：定义下标文本  
 <pre>          预格式文本：保留换行和空格  
 <code>             计算机输出：用于表示计算机源代码或者其他机器可以阅读的文本内容  
 <kbd>          计算机输出：定义键盘文本  
 <tt>           计算机输出：呈现类似打字机或者等宽的文本效果  
 <samp>             计算机输出：将某些短字符序列提取出来，对它们加以强调的极少情况下，才使用这个标签  
 <var>          计算机输出：语义表示变量的名称，或者由用户提供的值。  
 <address>      地址：语义表示地址，斜体显示。  
 <abbr>             缩写：表示它所包含的文本是一个更长的单词或短语的缩写形式。  
 <bdo>          文本方向：可覆盖默认的文本方向  
 <blockquote>   块：使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。  
 <ins>          插入字效果：定义插入字。  
 <del>          删除字效果：定义删除字。  
 <link>             链接一个样式文件  
 <noscript>         标签提供无法使用脚本时的替代内容  
 <object>       加载辅助程序。  
   
 -------------HTML5--------------  
 <video>            视频  
 <audio>            音频  
 <source>       链接不同的视频/音频文件，浏览器将使用第一个可识别的格式。  
 <canvas>       画布  
 <svg>          内联svg  
 input:email      邮件  
 input:url        url地址  
 input:number     数值，手机端会直接显示数字键盘  
 input:range      滑动条  
 input:date       时间：选取日、月、年  
 input:month      时间：选取月、年  
 input:week       时间：选取周和年  
 input:time       时间：选取时间（小时和分钟）  
 input:datetime   时间：选取时间、日、月、年（UTC 时间）  
 input:datetime-local 时间：选取时间、日、月、年（本地时间）  
 input:search     搜索域  
 <datalist>         输入域的选项列表  
 <keygen>       提供一种验证用户的可靠方法(浏览器支持不理想，作用不大)  
 <output>       用于不同类型的输出，比如计算或脚本输出(没什么用)  
 <footer>       语义标签：定义文档或节的页脚。  
 <figure>       语义标签：规定独立的流内容（图像、图表、照片、代码等等）。  
 <figcaption>     语义标签：定义 figure 元素的标题（caption）。  
 <embed>        定义嵌入的内容，比如插件。  
 <dialog>         定义对话框或窗口。  
 <bdi>              标签允许您设置一段文本，使其脱离其父元素的文本方向设置。  
 <article>          语义标签：规定独立的自包含内容。  
 <aside>        语义标签：定义其所处内容之外的内容。  
   
      属性              简介  
 -------------     --------------  
 id               唯一id  
 name             名称  
 bgcolor          背景颜色  
 border           边框  
 align            对齐方式  
 href             a标签的链接地址  
 class            类名  
 style            行内样式  
 title            额外信息（可在工具提示中显示）  
 target           定义a标签的链接在何处显示  
 noresize         禁止拖动框架  
 frameborder      iframe边框属性  
   
 --------------HTML5--------------------  
 autofocus        规定在页面加载时，域自动地获得焦点。  
 form             规定输入域所属的一个或多个表单。  
   
   
   
 标签分类  
 --------------------------------------------------------------  
 块元素  
 例如：<h1>, <p>, <ul>, <table>，<div>  
 说明：块级元素在浏览器显示时，通常会以新行来开始（和结束）。  
   
 HTML 内联元素  
 例如：<b>, <td>, <a>, <img>,<span>  
 说明：内联元素在显示时通常不会以新行开始。  
   
   
 注意  
 -------------------------------------------------------  
 1.默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。  
 2.标题很重要：搜索引擎使用标题为您的网页的结构和内容编制索引。  
 3.如果只是希望使用等宽字体的效果，请使用 <tt>标签。或者，如果想要在严格限制为等宽字体格式的文本中显示编程代码，请使用 <pre> 标签。  
 4.通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。  
 5.即使可以使用 HTML 表格来创建漂亮的布局，但设计表格的目的是呈现表格化数据 - 表格不是布局工具！  
 6.当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素  
 7.一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。  
 8.URL 只能使用 ASCII 字符集来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。URL 不能包含空格。URL 编码通常使用 + 来替换空格。  
 9.辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。  
   
   
 ------------------------------------------------------  
     显示结果    描述  实体名称    实体编号  
         空格            
     <    小于号 <        <  
     >    大于号 >        >  
     &   和号  &       &  
     "   引号  "       "  
     '   撇号     '       '(IE不支持)  
     ￠   分   ¢       ¢  
     £   镑   £       £  
     ¥   日圆  ¥       ¥  
     €   欧元  €       €  
     §   小节  §       §  
     ©   版权  &copy;      ©  
     ®   注册商标&reg;       ®  
     ™   商标  ™       ™  
     ×   乘号  ×       ×  
     ÷   除号  ÷   ÷  
   
   
 ---------------------------------------------------------------  
 URL - Uniform Resource Locator  
 scheme://host.domain:port/path/filename  
 •scheme - 定义因特网服务的类型。最常见的类型是 http  
 •host - 定义域主机（http 的默认主机是 www）  
 •domain - 定义因特网域名，比如 w3school.com.cn  
 •:port - 定义主机上的端口号（http 的默认端口号是 80）  
 •path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。  
 •filename - 定义文档/资源的名称  
   
   
 以下是其中一些最流行的 scheme：  
 ------------------------------------------------------------------  
 http 超文本传输协议 以 http:// 开头的普通网页。不加密。   
 https 安全超文本传输协议 安全网页。加密所有信息交换。   
 ftp 文件传输协议 用于将文件下载或上传至网站。   
 file   您计算机上的文件。   