html5权威指南:标记文字
html5权威指南-第八章-用基本的文字元素标记内容 :http://www.cnblogs.com/yc-755909659/archive/2016/10/02/5928122.html
html5权威指南-第八章-标记文字:http://www.cnblogs.com/xiaohuochai/p/5088983.html#anchor1
通用容器 | <span> |
<p>Some <span>text</span></p> |
强调重要 | <em>,<strong> |
<p>I am <em>very</em> worried!</p> |
表示不同情绪或声音的文本,如内心对白 表示外来语、分类学名和技术术语等 |
<i> |
<i lang="fr">Oh la la!</i> |
用于分隔文字 用于文章或故事的引言 |
<b> |
<p>After bringing <b>water</b> to a boil, add <b>potatoes</b> and <b>carrots</b></p> |
不精确文字 在HTML5中重新定义为有错的、过时的、不被建议使用的文本,常用于表示价格变动等 |
<s> |
<p>价格<s>¥1298</s>¥998!</p> |
表示高亮或用于引用而标记的文字 | <mark> | |
表示旁注,可用于免责声明、使用条款和版权信息等需要小字体的场景 | <small> | |
用来定义术语 | <dfn> | |
缩写词,可以配合<dfn>定义术语 | <abbr> | |
表示作品标题的引用,可以是书影音画等 | <cite> | |
表示短引用,常用于引用别人说的话,用引号可以表达等价语义 | <q> | |
这两个标签在数学等式、科学符号和化学公式中非常有用 |
<sup>表示上标 <sub>表示下标 |
<p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p> <p>H<sub>2</sub>SO<sub>4</sub></p> |
文本删改 |
<ins>文档中插入的内容 <del>文档中删除的内容 |
[注意]<ins>和<del>可以嵌套任何元素
<属性> [1]datetime:用于标明编辑的日期和可选的时间 [2]cite:用于指定说明编辑的文档网址 <p>一打有 <del datetime="2015-12-30T00:00Z" cite="edit.html">二十</del> <ins>十二</ins> 件。</p> |
表示日期或时间 | <time> | <属性>
[1]datatime表示确切的时间,遵循格式YYYY-MM-DDThh:mm:ssTZD,表示年-月-天-分割符T-时-分-秒-时区 [2]pubdate表示<time>元素中的日期或时间是文档的发布日期 |
注音标识 |
<ruby>表示ruby标记 <rt>表示ruby标记文字 <rp>表示ruby标记括号 |
<ruby>汉<rp>(</rp><rt>hàn</rt><rp>)</rp>语<rp>(</rp><rt>yǔ</rt><rp>)</rp></ruby> |
文字方向 |
<bdi>忽略周围文字方向的文字 <bdo>覆盖两种方向的设置,允许显式设置方向,并覆盖所有其他当前方向 |
<p>When rendered by a browser, <bdo dir="rtl">these words</bdo> will appear as 'sdroweseht'</p> |
代码 | <code>表示计算机代码 <kbd>定义键盘码 <samp>定义计算机例子代码 <tt>定义打字机代码 <var>定义变量 |
<p> |
html5权威指南:标记文字的更多相关文章
- 《HTML5权威指南》
<HTML5权威指南> HTML元素: html字符实体 html全局属性 html base标签 用元数据元素说明文档 标记文字(第八章) 标记文字.组织内容.文档分节 表格元素 表单元 ...
- HTML5权威指南 中文版 高清PDF扫描版
HTML5权威指南是一本系统学习网页设计的权威参考图书.<HTML5权威指南>分为五部分:第一部分介绍学习本书的预备知识和HTML.CSS和JavaScript的最新进展:第二部分讨论HT ...
- (6)《Head First HTML与CSS》学习笔记---结尾、《HTML5权威指南》读书笔记
1.内联元素的外边距.内边距与块元素稍有不同. 如果一个内联元素四周都增加外边距,只能看到左边和右边会增加空间:你也可以对内联元素的上下增加内边距,不过这个内边距不会影响包围它的其他内联元素的间距—— ...
- 【01】《html5权威指南》(扫描版)(全)
[01]<html5权威指南>(扫描版)(全) []魔芋:无高清电子书. 只看第五部分,高级功能. 作者:(美)弗里曼 著,谢延晟,牛化成,刘美英 译 [美]adam freeman ...
- html5权威指南:标记文字、组织内容、文档分节
HTML5新增及删除标签:http://www.cnblogs.com/starof/archive/2015/06/23/4581850.html 第八章:标记文字 ...
- HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)
1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息. 但是c ...
- HTML5权威指南--标签新变化,文件API,拖放API(简要学习笔记一)
1.标签元素更加语义化 2.内容类型仍然为“text/html” 扩展符仍然为html或者htm. <1>DOCTYPE 声明<!DOCTYPE html>就可 ...
- html5权威指南:用元数据元素说明文档
用元数据元素说明文档: html meta标签使用总结:http://www.cnblogs.com/lovesong/p/5745893.html html中meta标签使用介绍:http://ww ...
- html5权威指南:表单元素
一.表单标签: 表单标签:http://blog.csdn.net/mylovestart/article/details/8589002 html5新增表单元素: 1.datalist:http:/ ...
随机推荐
- CodeForces 645B Mischievous Mess Makers
简单题. 第一次交换$1$和$n$,第二次交换$2$和$n-1$,第三次交换$3$和$n-2$.....计算一下就可以了. #pragma comment(linker, "/STACK:1 ...
- AngularJs 通过 ocLazyLoad 实现动态(懒)加载模块和依赖-转
http://blog.csdn.net/zhangh8627/article/details/51752872 AngularJs 通过 ocLazyLoad 实现动态(懒)加载模块和依赖 标签: ...
- SHELL中,如何分割字符串
done.csv中,形如 amoy9812@163.com的数据 #!/bin/shwhile read linedo ar=(${line//@/ }) echo ${ar[0]} #说明:分解出账 ...
- [SOJ] 简单哈希
Description 使用链地址法(又称拉链法)可以解决Hash中的冲突问题.其基本思想是:将具有相同哈希地址的记录链成一个单链表,m个哈希地址就设m个单链表,然后用一个数组将m个单链表的表头指针存 ...
- asp.net mvc 上传附件验证
1.使用验证特性 [RequiredCollection] public ICollection<IFormFile> Attachments { get; set; } 2.自定义验证特 ...
- python3.5 修改 IIS WEB.CONFIG的相关方法
#!/usr/bin/env python3.5 # -*- coding:utf8 -*- from xml.etree.ElementTree import ElementTree,Element ...
- Openjudge-NOI题库-旅行-数论
题目描述 Description 转眼毕业了,曾经朝夕相处的同学们不得不都各奔东西,大家都去了不同的城市开始新的生活.在各自城市居住了一段时间后,他们都感到了一些厌倦,想去看看其他人的生活究竟如何,于 ...
- Windows 下 Apache HTTP Server 与 Tomcat 的整合
整合准备: 1.Apache HTTP Server(下文用Apache简称) 2.Tomcat 7或8 3.mod_jk.so (tomcat-connectors)-这个文件是用来链接http s ...
- 必须掌握的Linux命令
章节简述: 本章节讲述系统内核.Bash解释器的关系与作用,教给读者如何正确的执行Linux命令以及常见排错方法. 经验丰富的运维人员可以恰当的组合命令与参数,使Linux字符命令更加的灵活且相对减少 ...
- WPF Application
Application类作为启动的入口,在VS中,通常自动代码为我们继承了Application类,这样做的有点,我还没有理解到,但是我们先学到这个知识点. 为了能够更好的控制整个启动过程,包括得到A ...