`
lionheart
  • 浏览: 91229 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

xhtml语义化标签

阅读更多

1. <abbr>  <acronym> : 前者是表示web页面上的简称,后者是取首字母缩写(如 "world wide web" 显示为 "www")。

 

2. <base> : 规定页面中所有链接的基准URL,页面中的 <a>、<img>、<link>、<form>将使用base中定义的URL作为基准URL来解析相对URL。

     属性: href 和 target

 

3. <cite> <q> <blockquote>

    <q>: 标记简短的单行引用(IE不能识别,用span代替)。

    <blockquote> : 引用一段或者好几段文字。一段文章不能直接放于<blockquote>中,引用的内容必须包含在一个元素中,通常是<P>。

    <cite> : 提供引用内容的来源地址,可以与<q>和<blockquote>连用。

 

4. <table> <caption> <thead> <tbody> <th> <tr> <td> <tfoot>

    <table> : table标签有个属性summary用于表示摘要信息。

    <caption> : 定义表格标题,其后必须跟<table>标签。一个table只有一个caption,通常位于table正上方。

    <thead> : table标签头部。

 

    <th>和<td>的几个属性:

     (1) 'scope ': 规定此单元格是否为以下部分提供表头信息:包含此单元格的行(row )的其余部分,包含此单元格的列(col )的其余部分,包含此单元格的行组(rowgroup )的其余部分,包含此单元格的列组(colgroup )的其余部分。

     (2) 'abbr ' : 规定单元格中内容的缩写版本。

 

5. <ul> <ol> <li>

    <ul> : 无序列表; <ol> : 有序列表。

 

6. <dl> <dt> <dd>

    <dl> : 定义列表; <dt> : 定义列表中的项目(即术语部分); <dd> : 在定义列表中定义条目的定义部分。

 

7. <p> : 段落标记

 

8. <em> 强调 <strong> 重点强调 : 大部分浏览器用斜体显示前者,用粗体显示后者。

 

9. <del> : 定义被删除文本(删除线);  <ins> : 定义一个被插入的文件(下划线)。

    这两个标签带有属性 cite 和 datetime ,分别表明插入/删除的原因以及插入/删除的时间。

    <s><strike> 标签也可定义加删除线文本定义。

 

10. <i> 斜体  <b> 粗体  <big> 大号字体 <small> 小号字体  <sub> 下标文本 <sup> 上标文本

 

 

一些属性:

alt 属性:为不能显示图像、窗体或者UA指定替换文字。问题的语言由lang指定。

title 属性:显示于提示工具中的文本。

dir 属性:设置文本的方向(ltr | trl)。

分享到:
评论

相关推荐

    XHTML标签语义化介绍

    以前我真的没有怎么重视过搜索引擎,现在开始比较在意了,因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化。  以前以我对web开发的粗浅理解,觉得写一...

    语义化的网页 XHTML语义化标记

    分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就...

    纯语义化XHTML CSS设计表单方法

    那么,有没有更好的使用纯语义化XHTML CSS设计表单方法呢?今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧!  在这里软件开发网要说,并不是要完全摒弃table的使用,它有它的语义化布局...

    语义化你的HTML标签和属性

    语义化你的HTML标签和属性 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS...

    用标准dl,dt,dd标签抛弃table列表

    现在,越来越多的前端开发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局,不但让网站降低了开发和维护的成本,而且代码也更语义化了。但是,并不是说table从此消失了,它仍然被很多人用来作为网页中...

    2021-frontend-handbook:2021前端开发手册

    HTML5 新特性 及 语义化标签 meta, img, script 等标签及其标签属性 有兴趣可以了解 W3C 和 WHATWG HTML5 差异 文章 :open_book: HTML(超文本标记语言) —— MDN :open_book: HTML5 —— W3C :open_book: HTML5 ...

    关于DIV CSS和XHTML CSS的理解

    WEB标准是一系列标准的集合,并不是仅“DIV CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。...而我们学习的目标在于以XHTML建立良好的语义化的结构,结合CSS最大程度使表现与内容相分离。 一

    dreamwear cc zen coding 插件

    嗯,首要原因是语义化:“选择器”意为选择一些东西,但是在这里我们事实上是生成 一些东西,是写一个长代码的较短的替代。其次,它只是使用真实的CSS选择器语法的一个小的子集,并添加了一些新的操作符。 这里是一...

    JavaScript触发器详解

    由XHTML构建的结构层,它包括结构化和有语义的标签,以及网站的内容。可以在这一层之上增加一个表现层(CSS)和一个行为层(JavaScript),它们使网站看起来更漂亮,对用户更友好。这三层之间应该保持严格的分离。打...

    毕业设计订餐系统源码-frequently-asked-front-end-interview-questions:纽约地区前端开发人员面试常

    在哪里插入样式和脚本标签以及为什么 你如何调试/重构? 与团队合作与成为独立开发人员 后端语言知识/经验(php、sql、MongoDB等) 如何处理遗留代码 终端命令 有 git/版本控制经验 依赖注入 TDD/BDD JPEG 对比 PNG ...

    前端面试必备之html5的新特性

    html5新增了一些语义化更好的标签元素。 结构元素 article元素,表示页面中的一块与上下文不相关的独立内容,比如博客中的一篇文章。 aside元素,表示article内容之外的内容,辅助信息。 header元素,表示页面中...

    双注

    记 目录 。 。 。 。 ...WEB标准和W3C的理解。... WEB标准简单来说可以分为结构,样式和行为,将这三部分独立分开,更容易具有,但...web语义化,css定位用法, 。 xhtml和html有哪些区别。 css有什么约会方式, link和@i

    Spring-Reference_zh_CN(Spring中文参考手册)

    重载HTML转码行为并使你的标签符合XHTML 14.5. XSLT 14.5.1. 写在段首 14.5.1.1. Bean 定义 14.5.1.2. 标准MVC控制器代码 14.5.1.3. 把模型数据转化为XML 14.5.1.4. 定义视图属性 14.5.1.5. 文档转换 14.5.2. 小结 ...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part3.rar

     7.1.1 语义化XHTML和DOM   7.1.2 JavaScript和XMLHttpRequest对象   7.1.3 XML   7.1.4 一个可重用的对象   7.1.5 Ajax是正确的选择吗   7.2 为什么Ajax会破坏网站及如何解决   7.2.1 依赖...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part2.rar

     7.1.1 语义化XHTML和DOM   7.1.2 JavaScript和XMLHttpRequest对象   7.1.3 XML   7.1.4 一个可重用的对象   7.1.5 Ajax是正确的选择吗   7.2 为什么Ajax会破坏网站及如何解决   7.2.1 依赖...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part1.rar

     7.1.1 语义化XHTML和DOM   7.1.2 JavaScript和XMLHttpRequest对象   7.1.3 XML   7.1.4 一个可重用的对象   7.1.5 Ajax是正确的选择吗   7.2 为什么Ajax会破坏网站及如何解决   7.2.1 依赖...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    市场上相应的检测平台诸如检测通、凡特网等皆为pc端检测网站,并且操作繁琐不够人性化,用户在实地使用中存在很多问题。昆山工业技术研究院着眼于为委托用户和质检机构搭建良好的沟通桥梁,免去目前市场业务中企业...

Global site tag (gtag.js) - Google Analytics