HTML5权威指南 -- 标记文字

一、生成超链接

1、属性:href、hreflang、media、rel、target、type

2、生成指向外部的超链接:用的最多的协议就是http,但也支持其他协议,如https、ftp、mailto;还可以生成基于图像的超链接

3、使用相对URL:如果href属性值不是以类似http://这样的已知协议开头,那么浏览器会将该超链接视为相对引用,会假定目标资源与当前文档位于同一位置

4、生成内部超链接:超链接也可用于将同一文档中的另一元素移入视野,为此需要用到形如css中针对目标元素的ID选择器的表达式:#id

5、target:表示链接打开方式

(1)_self           当前窗口(默认)

(2)_blank          新窗口

(3)_parent      父框架集

(4)_top        整个窗口

(5)_framename   指定框架

二、文本元素

元素名        呈现                语义

1、b         将内容加粗           表示关键词和产品名称  

2、em             斜体字               加以强调  

3、i               斜体字            表示外文词语或科技术语

4、s              添加删除线            表示不准确或校正

5、strong           将内容加粗            表示重要的文字

6、u              添加下划线                为文字添加下划线

7、small           使字体变小          常用于免责声明和澄清声明

8、sub、sup       下标、上标                下标、上标

9、q         在引文前后生成引号      表示引自他处的内容,其cite属性可指定来源的URL

10、cite          斜体字             表示所引用作品的标题

11、mark                背景高亮显示        表示因为与某段上下文相关而被突出显示的文字

12、ins                   添加下划线             文档中插入的内容

13、del         添加删除线             文档中删除的内容

14、abbr  表示缩写,其title属性表示的是该缩写的完整词语

15、dfn    用来定义术语。被定义术语的值由下列规定确定:如果dfn元素有一个title属性,那么该术语的值就是该属性的值。

       如果它仅包含一个abbr元素,该元素拥有title属性,那么该术语的值就是该属性的值。

       否则,dfn元素的文本内容就是该术语的值

16、span  本身没有任何含义

17、注音标识

  ruby  表示ruby标记

  rt    表示ruby标记文字

  rp     表示ruby标记括号

18、文字方向

  bdi    适用于欲显示内容的文字方向未知的情况

  bdo   定义页面中文本排序的显示方向,用于想要改变排序的文本

19、换行

  br   强制换行

  wbr   指定换行的位置

20、代码

  code   表示计算机代码

  kbd    定义键盘码

  samp  定义计算机例子代码

  var     定义变量

21、time   表示日期或时间

原文地址:https://www.cnblogs.com/wgxa/p/9092194.html

时间: 2024-11-08 23:08:51

HTML5权威指南 -- 标记文字的相关文章

HTML5权威指南 中文版 高清PDF扫描版?

HTML5权威指南是一本系统学习网页设计的权威参考图书.<HTML5权威指南>分为五部分:第一部分介绍学习本书的预备知识和HTML.CSS和JavaScript的最新进展:第二部分讨论HTML元素,并详细说明了HTML5中新增和修改的元素:第三部分阐述CSS,涵盖了所有控制内容样式的CSS选择器和属性,并辅以大量代码示例和图示:第四部分介绍DOM,剖析如何用JavaScript操纵HTML内容:第五部分讲解Ajax.多媒体和canvas元素等HTML5高级特性. <HTML5权威指南&g

HTML5权威指南读书笔记【第二部分】

1.超链接href支持格式:http https ftp mailto(mailto:[email protected]) 2.超链接#id 将指定id的元素移入视野中,如果没有则查找name匹配 3.b与strong的习惯形式都是加粗但是在html5中b没有表示重要的语义,strong有 4.wbr的使用在浏览器需要换行的时候给予拆分行位置的建议 5.code.var.samp(输出).kbd(用户输入)暴露了HTML的极客属性 6.<ruby>魑<rp>(</rp>

HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息. 但是cookie有下面几个问题: a:大小:cookies的大小被限制在4KB b:带宽:cookies随HTTP事务一起被发送,因此会浪费一部分发送的cookies时使用的带宽. c:复杂性:要正确的操纵cookies是很困难的. Web Storage分为两种: <1>sessionStorage 将数

note for HTML5权威指南

accesskey 属性 (快捷键) Name : <input type="text" name="name" accesskey="n" /> 在windows系统上同时按下Alt键和accesskey属性值对应的键,键盘焦点会转移到Name对应的input元素. contenteditable 属性 (编辑修改) <p contenteditable="true" > I miss you . &

HTML5权威指南读书笔记【第一部分】

1.自定义属性:data- 2.accessKey 快捷选中(Win Alt + accessKey) 3.spellcheck拼写检查,编辑区域有问题词汇划线 4.tabindex tab键切换顺序 不想被选中-1 5.css样式层叠 (作者样式)style属性->style标签->link css->用户样式->浏览器样式 6.对于定义为重要的!important的属性,用户样式凌驾于作者样式 7.同级别按照样式的定义顺序后来者居上,而不是属性的指定顺序 8.与元素外观(文字.

HTML5权威指南 15.获取地理位置信息

1 navigator.geolocation.getCurrentPosition(function(position){ 2 var coords=position.coords; 3 console.log(coords.latitude,coords.longitude,coords.accuracy); 4 }, 5 //捕捉错误信息 6 function(error){ 7 var errorType={ 8 1:'位置服务被拒绝', 9 2:"获取不到位置信息", 10

HTML5权威指南 13.扩展的XMLHttpRequest API

html5权威指南:嵌入另一张HTML文档、通过插件嵌入内容、嵌入数字表现形式

嵌入另一张HTML文档.通过插件嵌入内容.嵌入数字表现形式:http://www.cnblogs.com/yc-755909659/p/5928125.html

html5权威指南:定制input元素

第十三章:定制Inpur元素,http://www.cnblogs.com/polk6/p/5417921.html#Menu3-New input标签最全面的type属性:http://blog.sina.com.cn/s/blog_161005e400102wa2n.html