`
代昊鑫
  • 浏览: 19736 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

不要偷懒,让标签语义化成为一种习惯

阅读更多

 

使用标签语义化的理由可以有无数条:

  1. 去掉样式或者样式丢失时页面结构依然清晰分明
  2. 移动设备能够更加完美的展示你的网页(移动设备对css的支持较弱)
  3. 阅读器会根据标签的语义自动解析,呈现更容易阅读的内容形式(无障碍阅读)
  4. 搜索引擎会根据标签的语义确定上下文和权重问题
  5. 便于后期的开发以及维护,团队合作效率提高
  6. ……

 

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用,并且依据重要性递减。<h1>是最高的等级。

 

P

段落标记,知道了 p 作为段落,你就不会再使用<br />来换行了,而且不需要<br /> 来区分段落与段落。p中的文字会自动换行,而且换行的效果优于<br />。段落与段落之间的空隙也可以利用CSS来控制,很容易而且清晰的区分出段落与段落。

 

<abbr> 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式,IE6及以下版本浏览器不支持。

 

<address> 可定义一个地址(比如电子邮件地址)。您应当使用它来定义地址、签名或者文档的作者身份。

不论创建的文档是简短扼要还是冗长完整,都应该确保每个文档都附加了一个地址,这样做不仅为读者提供了反馈的渠道,还可以增加文档的可信度。

 

<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

          area 元素总是嵌套在 <map> 标签中。

          注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。

    

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

 

<b> 定义粗体,最好使用strong代替

 

<base> 定义页面中所有链接的基准 URL

 

<blockquote> 标签定义块引用。<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会    在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

      提示:请使用 q 元素来标记短的引用。

<blockquote cite="http://www.iteye.com">让语义化标签成为一种习惯</blockquote>

 

<cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。

 

<p>
<cite>《富春山居图》</cite>由黄公望始画于至正七年(1347),于至正十年完成。
</p>

 

 

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

 

<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

 

<var> 标签表示变量的名称,或者由用户提供的值。

<var> 标签是计算机文档中应用的另一个小窍门,这个标签经常与 <code> 和 <pre> 标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。

用 <var> 标签标记的文本通常显示为斜体。

 

 

<table>

<caption> 定义表格标题

<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

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

<tbody> 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。

<td> 标签定义 HTML 表格中的标准单元格。

<tfoot> 标签定义表格的页脚(脚注或表注)。该标签用于组合 HTML 表格中的表注内容。

 

<sub><sup>上标和下标文本

 

<del> 定义删除文本

<strong>重点强调  <em>强调

 

<optgroup> 标签定义选项组。

optgroup 元素用于select组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。

<select>
  <optgroup label="Swedish Cars">
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
  </optgroup>

  <optgroup label="German Cars">
    <option value ="mercedes">Mercedes</option>
    <option value ="audi">Audi</option>
  </optgroup>
</select>

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

 



 

<i>斜体文本,建议使用font-style

 

  • 大小: 2.2 KB
分享到:
评论

相关推荐

    偷懒的程序员

    本文将深入探讨如何成为一个聪明的“偷懒”程序员。 #### 一、利用现有工具和技术 在开发过程中,合理利用现有的开源框架、库和API可以极大地提高工作效率。例如,GitHub上的项目提供了大量的代码示例和解决方案,...

    《偷懒的技术:打造财务Excel达人》示例文档.rar

    《偷懒的技术:打造财务Excel达人》是一本旨在帮助财务工作者提升Excel技能的书籍,其示例文档提供了丰富的Excel使用技巧。在这个压缩包中,我们可以找到各种与财务工作相关的Excel应用实例,这些实例覆盖了数据分析...

    《习惯的力量》读书心得精选.doc

    通过习惯化,我们可以将这些任务纳入日常生活,而无需付出太多认知努力。 2. 习惯形成的三步骤模型: - 暗示(Cue):触发习惯的信号,可以是物品、情绪、时间或其他环境因素。例如,起床是刷牙的暗示,而回家看到...

    偷懒注册机编写源码

    就是“注册机偷懒写法”四篇博客的源码,发出来赚点积分,以前赞的积分都被清掉了

    偷懒的技术:打造财务Excel达人》示例文档.rar

    在财务管理中,Excel是一款不可或缺的工具,其强大的计算能力、数据管理和分析功能使得它成为财务专业人士的首选。《偷懒的技术:打造财务Excel达人》示例文档提供了许多实用的Excel技巧,帮助财务人员提高工作效率...

    C++数学课偷懒神器

    在这个名为“C++数学课偷懒神器”的压缩包中,我们可以看到一系列用C++编写的程序,旨在帮助学生解决数学作业中的常见问题,如求表面积、计算最大公因数(GCD)、约分、短除法竖式以及找公因数和公倍数等。...

    Broadcast偷懒,AlarmManager悲剧

    BroadcastReceiver是Android系统中用于在应用间传递消息的一种机制,而AlarmManager则负责调度应用程序的定时任务。这篇博客文章可能是探讨在特定情况下,BroadcastReceiver的行为可能导致AlarmManager的工作出现...

    虚拟化程序多桌面软件工具C++源码 成品 偷懒神器 切换不同虚拟桌面

    虚拟化技术在IT行业中扮演着重要的角色,它允许我们在一台物理机器上运行多个独立的、隔离的操作系统实例,极大地提高了硬件资源的利用率和工作效率。在这个场景中,我们讨论的是一款基于C++编写的虚拟化多桌面软件...

    易语言偷懒实现md5加密

    MD5(Message-Digest Algorithm 5)是一种广泛使用的哈希函数,由计算机科学家Ronald Rivest在1991年设计。它能够将任意长度的数据转换为固定长度的128位(16字节)的摘要,通常以32位十六进制数字的形式表示。MD5的...

    =号2边互换...偷懒小程序

    偷懒小程序" 提供了一种优化代码、提高编写效率的思路。这个标题暗示了我们可以通过改变赋值语句的结构来简化工作,特别是当涉及到多个字段赋值时。 描述中提到的 "Entity.id=textbox1.text" 和 "textbox1.text=...

    扫地偷懒保证书没有扫地的保证书.pdf

    这篇文档虽然标题和描述涉及到的是一个学生因偷懒未完成打扫卫生任务而写的保证书,但我们可以从中提炼出一些与IT行业相关的知识点,尤其是关于个人责任感、团队协作和良好习惯养成的重要性,这些在IT工作中同样至关...

    android 开发框架,码农偷懒专用

    喜欢偷懒,对于一个码农来说,能够偷懒,并且在不影响项目质量的情况下,是不容易的。 这个叫不上框架,只能说是一个工具类。 框架大小在400KB 包括源码在600KB 里面分为两个架包一个是有源码的 这样就直接可以查看...

    易语言源码偷懒实现md5加密.rar

    在“易语言源码偷懒实现md5加密.rar”这个压缩包中,包含的是一个利用易语言编写的简单MD5加密程序的源代码。 MD5(Message-Digest Algorithm 5)是一种广泛使用的哈希函数,它能够将任意长度的数据转化为固定长度...

    易语言偷懒实现md5加密.rar

    易语言偷懒实现md5加密.rar 易语言偷懒实现md5加密.rar 易语言偷懒实现md5加密.rar 易语言偷懒实现md5加密.rar 易语言偷懒实现md5加密.rar 易语言偷懒实现md5加密.rar

    linux实验6 给偷懒的兄弟们

    这个实验是关于在Linux环境下使用C语言编写和编译一个简单的程序,该程序包含了两个工具函数库mytool1和mytool2。这个实验的核心知识点包括: 1. **头文件和预处理器指令**:在`mytool1.h`和`mytool2.h`中,可以...

    老板如何管理偷懒的销售团队01.doc

    在销售团队的管理中,一个关键的问题是如何应对那些可能偷懒或者效率低下的员工。销售工作往往不在办公室进行,这使得管理者很难直接监控员工的行为。通常,销售团队中大约只有10%到20%的员工会全身心投入工作,而大...

    农村小学生良好学习习惯培养的研究-开题报告.doc

    通过对现状的调查和分析,提出了一个系统的解决方案,旨在帮助农村小学生养成良好的学习习惯,提高学习效率和教学质量。 知识点1:学习习惯的定义和分类 * 学习习惯是长期逐渐养成的、较稳定的学习行为与态度。 * ...

    易语言源码偷懒实现md加密.rar

    易语言是一种专为中国人设计的编程语言,它以简化的语法和中文命令名称为特点,降低了编程的入门难度。在“易语言源码偷懒实现md加密.rar”这个压缩包中,包含的是关于如何使用易语言来实现MD5加密的一些资料。MD5,...

    偷懒用dreamweaver写静态讲解.rar

    Dreamweaver是一款由Adobe公司开发的专业网页设计软件,它为用户提供了可视化的界面,使得创建、编辑和管理HTML页面变得更加简单快捷。这个“偷懒用Dreamweaver写静态讲解”的压缩包文件很可能是包含了一系列教程...

Global site tag (gtag.js) - Google Analytics