浅谈html中的标签

来源:互联网 发布:mac air投影到电视 编辑:程序博客网 时间:2024/06/05 10:24

<p>段落标签

<h1><h2><h3><h4><h5><h6>标题标签

<strong><em>强调标签 

但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

<span>标签没有语义的,它的作用就是为了设置单独样式用的。

<q>短文本引用,使用此标签会自动对文本加上双引号,语义表示引用别人的话。

<blockquote>长文本引用,使用此标签会自动加上缩进样式。

<br>分行显示文本

&nbsp; 空格符

<hr>水平横线

<address>为网页加入地址信息,默认样式显示斜体

<code>显示一行代码,如果是多行代码可使用<pre>,可以保持代码格式。

<pre>预格式化文本,被包围在pre元素中的文本通常会保留空格和换行符。

<ul><li>列表展示,没有前后顺序,默认格式:每项li前都自带一个圆点。

<ol><li> 每项<li>前都自带一个序号,序号默认从1开始。

<div>主要用于排版,标签的作用相当于一个容器,可以进行逻辑上的模块划分,通常通过id,给div命个名字,使逻辑更加清晰。

<table><tbody><tr><th><td>制作表格,<tablesummary=””>设置摘要,它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。<caption>设置表格标题。

<a>超链接

<img>展示图片

<form><input><textarea><select><label>表单对应的标签

<label>标签的for属性与相应控件的id属性对应,那么点击label属性时,焦点会定位到对应的控件上。

原创粉丝点击