网站建设制作软件,邯郸 网站建设,seo服务外包价格,做二维码网站文本语义元素
HTML中#xff0c;根据逻辑来划分和识别文本在网页中所起的作用#xff0c;给文本添加内涵#xff0c;即所谓文本语义元素。
除了标题元素之外#xff0c;HTML还提供了许多其他的元素#xff0c;来为内容作上标记#xff0c;以便能够识别它们在网页中所起…文本语义元素
HTML中根据逻辑来划分和识别文本在网页中所起的作用给文本添加内涵即所谓文本语义元素。
除了标题元素之外HTML还提供了许多其他的元素来为内容作上标记以便能够识别它们在网页中所起的作用。其中最常见的有表示文本段落的 p 元素表示换行的 br 元素等。还有其他鲜为人知的用来表示非常特殊的网页内容的元素如kbd表示由键盘输入的文本。
HTML5中的文本语义元素及其功能描述和示例见表表 2‑1
表 2‑1 文本语义元素caption 元素功能描述及示例q定义一段比较短的引用内容q 是 quote 的缩写浏览器默认会该引用的内容加上双引号The judge said qYou can drink water from the fish tank/q but advised against it.dfn定义一个术语dfn 是 defining instance 的缩写浏览器会渲染为斜体The term dfnorganic food/dfn refers to food produced without synthetic chemicals.abbr定义一个缩写文本abbr 是 abbreviation 的缩写建议在 abbr 的 title属性中描述缩写的全称当鼠标悬停在缩写上会提示其全称Organic food in Ireland is certified by the abbr titleIrish Organic Farmers and Growers AssociationIOFGA/abbr.code定义计算机代码片段如果需要保留空格、换行等可以在 code 外面包一层 preThe codefruitdb/code program can be used for tracking fruit production.var定义程序中的变量浏览器会渲染为斜体pre code var 可以结合使用If there are varn/var fruit in the bowl, at least varn/var÷2 will be ripe.samp定义由程序输出的示例文本samp 是 sample 的缩写The computer said sampUnknown error -3/samp.kbd定义由键盘输入的文本kbd 是 keyboard 的缩写Hit kbdF1/kbd to continue.i替代文本浏览器会渲染为斜体Lemonade consists primarily of iCitrus limon/i.b定义关键字浏览器会渲染为粗体Take a blemon/b and squeeze it with a bjuicer/b.u定义注释文本浏览器会在文本下面添加下划线The mixture of apple juice and u classspellingeldeflower/u juice is very pleasant.bdi定义用于双向文本格式bdi 是 bi-directional isolate 的缩写The recommended restaurant is bdi langMy Juice Café (At The Beach)/bdibdo定义文本排列的方向bdo 是 bi-directional orientation的缩写The proposal is to write English, but in reverse order. Juice would become bdo dirrtlJuice/bdospan定义行内元素In French we call it span langfrsirop de sureau/spanwbr定义换行的时机wbr 是 word break 的缩写处理字符型语言时显示一段没有空格的字符串时无论其多长都不会换行如果有 wbr 标签则字符串会在浏览器宽度不够时主动换行www.simplywbrorangewbrjuice.com
em元素
em表示强调em 是 emphasis 的缩写用于定义局部强调的文本来改变句子或段落的侧重点。
就像说话时强调某些词语一样对于相同的一句话em 在句子中的位置会影响句子的含义。即便是相同的一句话强调的位置不同所表示的含义往往不同。如
1没有任何强调 pCats are cute animals./p
2强调Cats pemCats/em are cute animals./p
3强调are pCats emare/em cute animals./p
4强调cute pCats are emcute/em animals./p
5强调animals pCats are cute emanimals/em./p
6强调整句话 pemCats are cute animals./em/p
默认情况下浏览器都会把强调文本显示为斜体。为了突出显示强调位置的变化这里特意将强调文本使用红色显示请读者体会强调位置对同一句话的影响。运行结果如图 2‑16 所示
图2-16 改变强调位置
版权声明本文出自 歪脖网 的《HTML5宝典》欢迎在线阅读并提出宝贵意见。
