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

如何正确使用标题元素
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-10-21 11:18:07

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

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

 如何正确使用标题元素.段落和强制换行?如何使其更符合语义化呢?摘译自http://www.sitepoint.com/print/html-37-steps-perfect-markup 的二段小文,会对初学者带来点帮助. 如何正确使用标题元素 HTML 标题元素类型是h1 .h2 .h3 .h4 .h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题(呵呵,不过我没念过多少书,69届初中-译者). 最高级别的标题在页面中必须是h1 .它应该描述的是这个页面是做什么的.

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

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

举例讲解JavaScript中将数组元素转换为字符串的方法_基础知识

首先来看一下从一个数组中选择元素的方法slice(): 源代码: <!DOCTYPE html> <html> <body> ​ <p id="demo">Click the button to extract the second and the third elements from the array.</p> ​ <button onclick="myFunction()">Try it

完美实现浮动元素横排居中显示_基础教程

经常会遇到这样的页面布局:在一排显示几个不同的区域内容,但它们相对于页面是居中对齐的.注意这些区域内容不只是文字,也许还有图片或者其它元素混合而成.一般这样的布局我们很容易想到要用浮动float,但是怎么样居中对齐而又兼容低端浏览器哪?请接着往下看. 首先看html代码: <div class="webFooter"> <div class="wrap"> <div class="tabs"> <ul&g

javascript获取元素CSS样式代码示例_基础知识

使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:100px;height:100px;"></div> 内嵌样式即写在style标签中,例如<style type="text/css">div{width:100px; height:100px}</style> 链接式即为用link标签

处理及遍历XML文档DOM元素属性及方法整理_基础知识

用于处理XML文档的DOM元素属性 复制代码 代码如下: childNodes:返回当前元素所有子元素的数组: firstChild:返回当前元素的第一个下级子元素: lastChild:返回当前元素的最后一个子元素: nextSibling:返回紧跟在当前元素后面的元素: noedValue:指定表示元素值的读/写属性: parentNode:返回元素的父节点: previousSibling:返回紧邻当前元素之前的元素: 用于遍历XML文档的DOM元素方法 复制代码 代码如下: getEle

JavaScript中用sort()方法对数组元素进行排序的操作_基础知识

 JavaScript数组sort()方法排序数组的元素.语法 array.sort( compareFunction ); 下面是参数的详细信息:     compareFunction : 指定一个函数,定义排序次序.如果省略,数组字典顺序排序. 返回值: 返回一个排序的数组例子: <html> <head> <title>JavaScript Array sort Method</title> </head> <body> &l

表单元素与非表单元素刷新区别详细解析_基础知识

一.表单元素如果用js赋值刷新后,记录是js赋值后的值而不是初始值<html><head><script type="text/javascript">function bb(){var aa=document.getElementById_x("aa");    aa.value="3";}</script></head><body><form method=&quo

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