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

如何正确使用标题元素
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" 。

赞 (0)

相关推荐

  • 基于javascript的在火狐里面强制换行字符

    效果演示代码: firefox-break-word */--> If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) function toBreakWord(intLen){ var obj=document.getElementById("ff"); var strContent=obj.innerHTML; var strTemp=&

  • css 不换行 自动换行 强制换行的实现方法

    强制不换行 div{ white-space:nowrap; } 自动换行 div{  word-wrap: break-word;  word-break: normal;  } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认  pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 设置强行换行: wor

  • css强制换行 css强制不换行的css方法

    以前总结过Div的换行和不换行的css写法.但对于表格单元格只知道一个属性nowrap可以使其不换行. 近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗? baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了. 用CSS实现表格单元格数据自动换行或不换行 1.自动换行: .AutoNewline { word-break: break-all;/*必须*/ } 自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动

  • asp.net gridview强制换行

    今天遇到这个问题,网上查了下资料,这么解决: protected void Page_Load(object sender, EventArgs e) {     //正常换行     GridView1.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");     //下面这行是自动换行     GridView1.Attributes.Add("style", &qu

  • 用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

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

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

  • jQuery实现获取h1-h6标题元素值的方法

    jQuery实现获取h1-h6标题元素值的方法

    本文实例讲述了jQuery实现获取h1-h6标题元素值的方法.分享给大家供大家参考,具体如下: 1.问题背景: 查找到h1-h6,并遍历它们,打印出内容 2.实现代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>查找标题</title> <script type="text/javascript" src=&

  • Java面试为何阿里强制要求不在foreach里执行删除操作

    Java面试为何阿里强制要求不在foreach里执行删除操作

    小二听完就面露喜色,因为两年前,也就是 2021 年,他在<Java 程序员进阶之路>专栏上的第 63 篇看到过这题

  • 全面解析Bootstrap排版使用方法（标题）

    全面解析Bootstrap排版使用方法（标题）

    Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示: <!--Bootstrap中的标题--> <h1>Bootstrap标题一</h1> <h2>Bootstrap标题二</h2> <h3>Bootstrap标题三</h3> <h4>Bootst

  • 利用原生JS自动生成文章标题树的实例

    实现原理很简单,就是循环文章模块,并抽取其中的h2.h3标签,将其中的内容赋予给新建的title树. 代码如下: HTML代码: <div class="contextBox"> <div id="article"> <h2>二级标题</h2> <h3>三级标题</h3> <p>hello hello hello hello hello hello hello hello hello

随机推荐