html标记语义应用

1. 网页的文件名,html文件可不可以使用中文?

答:在本地电脑,没什么问题. 不过,将来网页文件都是保存服务器上的 ,建议都使用英文.

2. html有什么作用?

答:控制网页内容(让浏览者看到的信息)

3. 在写代码时,先写“控制内容标记”,要是内容比较重要,可以在语义上加权:<strong>关键字<strong>.

4. 文章网页的主题,推荐使用:<h1>文章标题<h1>.

5. 网页段落文字内容:<p>段落内容</p>

格式:<p align="对齐方式">...</P>

  • align    left      左对齐
  • center    居中
  • right   右对齐

6. 在xhtml中,所有的标签都必须要用属性,如果没有,使用属性名.

例如:<hr noshade="noshade"/>-------xhtml

<hr noshade>-------html

7. 定义一个块引用:使用文本缩进格式 <blockquote>...<blockquote>.

说明 cite , url 被引用的地址.

例如:<blockquote cite="http://www.baidu.com">

文本内容

</blockquote>

8. 水平直线<hr/>

  • size      像素 绝对设置,以数字表示,属性值越大,线越粗;                                                                                   百分比 相对设置,以%表示,属性值越大,线越粗;
  • width    像素 绝对设置,长度不会因视窗的改变而改变;                                                                                         百分比 相对设置,长度会随着视窗宽度而改变;
  • noshade  当设置为 true时,水平线呈现为纯色(2D效果);                                                                                    当设置为 false时,水平线显示为双色凹槽(3D效果);                                                                                                                                                                                             

9. 预格式化 <pre></Pre>

不加此标记的话,HTML浏览器会忽略所有空格和制表符.

时间: 2024-12-10 02:48:12

html标记语义应用的相关文章

HTML5的文档结构和新的语义元素

学习前端的东西似乎没有什么捷径,就是直接上手撸就完了 本文目标:(熟知) 1.创建基本HTML5文档结构 2.使用新的语义元素来布局页面 下面直接上代码: <!DOCTYPE html> <!-- DOCTYPE简洁声明,强制现代的浏览器使用标准模式 --> <html lang="en"> <!-- 使用lang指定文档语言 --> <head> <meta charset="UTF-8">

实用的HTML优化技巧

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript.图像优化.服务器配置,文件压缩或是调整CSS. 很显然HTML 已经达到了一个瓶颈,尽管它是Web开发(www.lampbrother.net ) 界面必备的核心语言.HTML页面的负载也是越来越重.大多数页面平均需要40K的空间,像一些大型网站会包含数以千计的HTML 元素,页面Size会更大. 如何有效的降低HTML 代码的复杂度和页面元素的数量,本文主要解决了这个问题,从多个方面介绍了如何编写简练,清晰的HTML

前端开发必备的HTML优化技巧

如何提升Web页面的性能,很多web前端开发人员从多个方面来下手如JavaScript.图像优化.服务器配置,文件压缩或是调整CSS. 很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的核心语言.HTML页面的负载也是越来越重.大多数页面平均需要40K的空间,像一些大型网站会包含数以千计的HTML 元素,页面Size会更大. 如何有效的降低HTML 代码的复杂度和页面元素的数量,本文主要解决了这个问题,从多个方面介绍了如何编写简练,清晰的HTML 代码,能够使得页面加载更为迅速,

前端编码规范(4)—— CSS 和 Sass (SCSS) 规范

CSS and Sass (SCSS) style rules ID and class naming ID和class(类)名总是使用可以反应元素目的和用途的名称,或其他通用名称.代替表象和晦涩难懂的名称. 应该首选具体和反映元素目的的名称,因为这些是最可以理解的,而且发生变化的可能性最小. 通用名称只是多个元素的备用名,他们兄弟元素之间是一样的,没有特别意义. 区分他们,使他们具有特殊意义,通常需要为“帮手”. 尽管class(类)名和ID 的语义化对于计算机解析来说没有什么实际的意义, 语

优化HTML代码的多种技巧

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript.图像优化.服务器配置,文件压缩或是调整CSS. 很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的核心语言.HTML页面的负载也是越来越重.大多数页面平均需要40K的空间,像一些大型网站会包含数以千计的HTML 元素,页面Size会更大. 如何有效的降低HTML 代码的复杂度和页面元素的数量,本文主要解决了这个问题,从多个方面介绍了如何编写简练,清晰的HTML 代码,能够使得页面加载更为迅速,且能在多种

你不可不知的HTML优化技巧

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript.图像优化.服务器配置,文件压缩或是调整CSS. 很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的核心语言.HTML页面的负载也是越来越重.大多数页面平均需要40K的空间,像一些大型网站会包含数以千计的HTML 元素,页面Size会更大. 如何有效的降低HTML 代码的复杂度和页面元素的数量,本文主要解决了这个问题,从多个方面介绍了如何编写简练,清晰的HTML 代码,能够使得页面加载更为迅速,且能在多种

前端代码优化

ID和class(类)名总是使用可以反应元素目的和用途的名称,或其他通用名称.代替表象和晦涩难懂的名称. 应该首选具体和反映元素目的的名称,因为这些是最可以理解的,而且发生变化的可能性最小. 通用名称只是多个元素的备用名,他们兄弟元素之间是一样的,没有特别意义.区分他们,使他们具有特殊意义,通常需要为“帮手”. 尽管class(类)名和ID 的语义化对于计算机解析来说没有什么实际的意义,语义化的名称 通常是正确的选择,因为它们所代表的信息含义,不包含表现的限制. 不推荐 .fw-800 { fo

css代码优化篇

心情比较不咋地,不想说什么了 代码演示如下: 不推荐 .fw-800 { font-weight: 800; } .red { color: red; } 推荐 .heavy { font-weight: 800; } .important { color: red; }   合理的避免使用ID 一般情况下ID不应该被应用于样式.ID的样式不能被复用并且每个页面中你只能使用一次ID.使用ID唯一有效的是确定网页或整个站点中的位置.尽管如此,你应该始终考虑使用class,而不是id,除非只使用一次

前端开发规范总结 总结前端开发模式和规范

1.前端开发规范 WEB客户端开发自成体系, 主要用于智能终端(iPhone.Android手机.iPad.Android Pad)和传统PC的开发.JS规范.HTML规范和CSS规范对客户端开发进行全方位指导,统一编码规范.提高可读性.降低维护成本. 1.1一般规范 应用在 HTML, JavaScript 和 CSS上的通用规则. 1.1.1文件/资源命名 1)     以可读性而言,减号(-)用来分隔文件名: 2)     使用驼峰方式命名文件名与文件所在的文件夹,便于统一配置: 3)