欢迎访问宝鸡世纪网络官网,宝鸡网站建设已累计服务超过900家企业!  咨询热线:0917-3535180 3536690

10年建站历程,900家客户的选择,值得信赖!


学会这样写HTML代码2

作者:佚名      发布时间:2011-11-23      浏览:1846

62.9K


9. 格式化片段 /

是指 computer code text, 而

 是指 preformatted text。
 的范围更广,并且是块状元素,可能被使用来格式化各种文本,特别是代码。使用没有需要特别注意的,主要是语义上的正确使用,比如不要用 
 来代替一般的 

text-align:center

{ ( 1 * 102 ) + ( 9 * 101 ) + ( 3 * 100 ) }

10. 换行:

在现代网页中,使用
的情况是非常少的。网页中的留白,一般都是使用 CSS 的 padding 和 margin 来实现。这样更精准,并用更容易控制。现在推荐的用法是,使用到一般的段落

中做简单的换行,而不是用来控制页面留白。

我是一个段落。

诗歌都会用换行的。

11. 分割线:



具有非常好的语义作用。但他的视觉效果很难控制。之前就写过这样的文章关于
在各浏览器中的问题。一般也都很少用。如果专门为读屏软件使用者提供单独页面的话,或许
会大有用处。

标题一

Lorem Ipsum is ...


标题二

This is the entry of...

12. 无语义标签:

/

其实

/ 这两个标签是有语义的,都是 defines a section in a document。是的,和 HTML5 中的
其实是一样的。只是,因为搜索引擎的的原因,搜索引擎认为它们是无语义标签,因此他们成了 “无语义” 标签。推荐用法是尽量使用其他来做为页面框架的容器,比如布局、添加额外的视觉效果,而不是段落等的替代品。

13. 段落/标题:

,

/

/

这几个标签几乎可以说是一个页面标签等级结构中最重要的标签。我们可以用一本书的结构来说明这几个标签,而我们构建一个页面的时候,也应该有这样的一种思想在脑中:

书的名称:H1

书的每个章节标题: H2

章节内的文章标题: H3

章节的段落: P

小标题/副标题: H4/H5/H6

是的,当然还有引用 ,技术类书中提供的代码

,一些需要注意点的列表 
    ,一些方便比较的表格 等。

    LOGO

    Title

    Summary:

    lorem ipsum is ...emphasize

    14. 强调: /

    emphasize 的缩写。而 是 strong emphasize。可能很多刚入门前端的同学会对 这几个标签的使用拿捏不准。 基本上是被废置的,相当于现在的 ,一般情况下他们对于内容重要性的排序是这样的:strong > em ≈ cite。

    注意:别使用老掉牙的标签,比如FONT、CENTER等,特别是 FONT

    15. 表单项: /

版权所有宝鸡市世纪网络技术有限公司  地址:宝鸡市东高新区高新大道20号(新宝中对面)
电话:0917-3535180 3536690  传真:0917-3536690  邮箱:bjwlyx@126.com
陕ICP备08000229号-1  本公司法律顾问:陕西秦轩律师事务所 党东峰律师
公安备案陕公网安备 61030502000149号

业务咨询

  • 业务咨询一
  • 点击这里给我发消息
  • 业务咨询二
  • 点击这里给我发消息
  • 客户服务一
  • 点击这里给我发消息
  • 客户服务二
  • 点击这里给我发消息
  • 微信咨询
  • 微信公众号