如何正确使用标题元素、段落和强制换行

 如何正确使用标题元素、段落和强制换行?如何使其更符合语义化呢?摘译自http://www.sitepoint.com/print/html-37-steps-perfect-markup 的二段小文,会对初学者带来点帮助。

如何正确使用标题元素

  HTML 标题元素类型是h1 、h2 、h3 、h4 、h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题(呵呵,不过我没念过多少书,69届初中-译者)。

  最高级别的标题在页面中必须是h1 。它应该描述的是这个页面是做什么的。大多数的页面有一个h1 标题, 但复杂页面文件也许不止一个h1标签。

  h2 标题将标记下个结构级,次一级的是h3,等等,而不能从h2跳到h4。h4 不应该跟随h2; 它们之间因该是h3 。

  Hn 元素类型对标记标题是很重要的,Assistive 技术譬如屏幕器的读者可利用一个适当的标题来了解文件的概述。如果我们使用<font size="7">...</font>, 那他们就不能读懂了。

如何正确使用P和BR

  P元素标记文本的一个段落。段落包括一个或更多的句子。

  强制换行(br) 通常只是一个表面上的工具, 应该由CSS 而不是HTML 处理。但是, 强制换行在某些地方也可说有语义化的, 例如在诗歌、歌曲、邮件地址和计算机编码演示等方面,这些可能构成合法的用途, 但使用br 分离段落绝对是不正确的。

  另一方面, P 有一个非常清楚的语义意思: 它表示段落。有时WEB设计者将P作为普通块级元素用, 显然是不正确的。不难看到在一个表单里label 和 input标签被包含在P标签里, 这样在语义里绝对是错的,label 和 input标签不构成一个"paragraph" 。

时间: 2024-08-03 14:26:25

如何正确使用标题元素、段落和强制换行的相关文章

如何正确使用标题元素、段落和强制换行_基础教程

如何正确使用标题元素 HTML 标题元素类型是h1 .h2 .h3 .h4 .h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题(呵呵,不过我没念过多少书,69届初中-译者). 最高级别的标题在页面中必须是h1 .它应该描述的是这个页面是做什么的.大多数的页面有一个h1 标题, 但复杂页面文件也许不止一个h1标签. h2 标题将标记下个结构级,次一级的是h3,等等,而不能从h2跳到h4.h4 不应该跟随h2; 它们之间因该是h3 . Hn 元素类型对标记标题是很重要的,

标题元素、段落和强制换行如何正确使用?

如何正确使用标题元素 HTML 标题元素类型是h1 .h2 .h3 .h4 .h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题. 最高级别的标题在页面中必须是h1 .它应该描述的是这个页面是做什么的.大多数的页面有一个h1 标题, 但复杂页面文件也许不止一个h1标签. h2 标题将标记下个结构级,次一级的是h3,等等,而不能从h2跳到h4.h4 不应该跟随h2; 它们之间因该是h3 . Hn 元素类型对标记标题是很重要的,Assistive 技术譬如屏幕器的读者可利用

《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.3 技巧:更改标题元素

9.3 技巧:更改标题元素 一个HTML文件只能包含一个title元素.当你在一个HTML文件中准备了多张页面时,会导致不想要的行为.在一个HTML文件中的页面可能需要它们各自的HTML标题. 代码清单9-3演示了如何在一个HTML文件中为不同的页面提供不同的标题. 代码清单9-3 为每张页面提供各自的标题 00 <!DOCTYPE html> 01 <html> 02 <head> 03 <title>Page Title</title> 04

word2013如何取消强制换行

  word2013如何取消强制换行 一.打开word文档,单击ctrl+H召唤出替换框,之后在查找内容中输入:.([!.:--?!)])^13{1,} 之后单击"更多"; 二.在替换框中输入: 1,之后选择"使用通配符"; 注:文中标红的通配符,意思就是查找所有以非句号.冒号.中文省略号.问号.感叹句和右括号为结尾.硬回车符号为标志的段落,然后将其删除. 三.输入完成之后选择"全部替换",返回文档即可.

word2013怎么消强制换行?

  word2013怎么消强制换行? 一.打开word文档,单击ctrl+H召唤出替换框,之后在查找内容中输入:.([!.:--?!)])^13{1,} 之后单击"更多"; word2013 二.在替换框中输入: 1,之后选择"使用通配符"; 注:文中标红的通配符,意思就是查找所有以非句号.冒号.中文省略号.问号.感叹句和右括号为结尾.硬回车符号为标志的段落,然后将其删除. word2013 三.输入完成之后选择"全部替换",返回文档即可. wp

用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大_经验交流

对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div> css #wrap{white-space:normal; width:200px; } 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break

页面的强制换行问题总结

问题|页面 如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed.但是在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个测试,得出一种解决办法. 如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixe

HTML连续英文字符串强制换行

大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时大家就可以看到效果了. 示例代码: <table width="100%" style="word-break:break-all&

CSS强制换行对齐的实现方法

 本文实例讲述了CSS强制换行对齐的实现方法.分享给大家供大家参考.具体分析如下: 用CSS控制中英文字符强制换行并两端对齐,有效避免DIV的内容超出范围而改变网页布局,强制换行的功能很实用.   代码如下: <html> <head> <title>CSS强制换行对齐</title> </head> <body> 英文对齐: <div style="font-size:12px;width:300;text-alig