怎么使用HTML5的文本语义元素

本篇内容主要讲解“怎么使用HTML5的文本语义元素”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么使用HTML5的文本语义元素”吧!

公司主营业务：成都网站建设、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出横山免费做网站回馈大家。

文本语义元素 - a, em, strong, small, s, cite, q, abbr, time, code, var, dfn, samp, kbd, sub, sup, i, b, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr

示例

1、a - 用于定义超链接（a 是 anchor 的缩写）element/text/a.html

                     千呼万唤 HTML 5                 锚点的演示      
     i am webabcd  

2、em - 定义被强调的文本（一般浏览器会渲染斜体）（em 是 emphasis 的缩写）element/text/em.html

                   被强调的文本（一般浏览器会渲染斜体）  

3、strong - 定义重要的文本（一般浏览器会渲染为粗体）element/text/strong.html

                   重要的文本（一般浏览器会渲染为粗体）  

4、small - 定义小号文本element/text/small.html

                   小号文本  

5、s - 定义不再精确或不再相关的文本（s 是 strike 的缩写）element/text/s.html

              
windows 8 平板电脑
     
                  原价：5000元     
     
         促销价：5元     
  

6、cite - 用于定义引用内容（书籍或杂志等）的标题element/text/cite.html

              
                  我最喜欢看高尔基的海燕，不过忘了讲的是什么了      
        

7、q - 用于定义一段引用的内容（短内容）（q 是 quote 的缩写）element/text/q.html

                   从 http://webabcd.cnblogs.com 里引用的一段短内容        

8、abbr - 定义一个缩写文本，建议在 abbr 的 title 属性中描述缩写的全称（abbr 是 abbreviation 的缩写）element/text/abbr.html

                   WTO  

9、dfn - 用于定义一个术语（dfn 是 defining instance 的缩写）element/text/dfn.html

                            WTO       

10、time - 定义日期、时间文本element/text/time.html

                                
         我的生日和 情人节 是同一天      
     
         我每天 9:00 上班      
           
         
我是 article 的内容
              
     
                  本 html 的发布日期是 今天     
               // 目前无浏览器支持 valueAsDate          alert(document.getElementsByTagName("time")[0].valueAsDate);        

11、code - 定义计算机代码片段（如果需要保留空格、换行等可以在 code 外面包一层 pre）element/text/code.html

                            var x = 1;        

12、var - 定义计算机代码中的变量，pre code var 可以结合使用element/text/var.html

              
         
              if (b)      write("true");                       
         
                          如果变量 b 是 true，则写入“true”          
     
  

13、samp - 由程序输出的示例文本（samp 是 sample 的缩写）element/text/samp.html

                   
         执行代码后，程序会输出 我是由程序输出的信息     
  

14、kbd - 定义由键盘输入的文本（kbd 是 keyboard 的缩写）element/text/kbd.html

                   
         关机请按                        alt             +              F4              
  

15、sub - 定义下标文本（sub 是 subscript 的缩写），sup - 定义上标文本（sup 是 superscript 的缩写）element/text/sub_sup.html

                   
告诉你，我是 下标
     
告诉你，我是 上标
  

16、i - 定义斜体文本（i 是 italic 的缩写）element/text/i.html

                   我是斜体文本  

17、b - 定义粗体文本（b 是 bold 的缩写）element/text/b.html

                   我是粗体文本  

18、u - 定义下划线文本（u 是 underline 的缩写）element/text/u.html

                   我是下划线文本  

19、mark - 定义一个标记文本，用于醒目显示element/text/mark.html

              
                  我觉得咖啡的味道像 感冒冲剂       
  

20、ruby - 定义东亚文字，rt - 在 ruby 内用于为 ruby 所定义的文字注音或解释，rp - 在 ruby 内用于当浏览器不支持 ruby 时显示指定的内element/text/ruby_rt_rp.html

                                 王睿轩          (         wangruixuan         )      

21、bdi - 从周围独立出一段文本，用于双向文本格式（bdi 是 bi-directional isolate 的缩写）element/text/bdi .html

22、bdo - 定义文本排列的方向（bdo 是 bi-directional override 的缩写）element/text/bdo.html

                   123  

23、span - 没有任何语义element/text/span.html

                            我没有任何语义        

24、br - 定义一个换行符（br 是 blank row 的缩写）element/text/br.html

                   a           b           c   

25、wbr - 定义换行的时机（wbr 是 word break 的缩写）element/text/wbr.html

                   
        webabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcd      
     
        webabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcd     
  

到此，相信大家对“怎么使用HTML5的文本语义元素”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！