Learning about _html/css_WEB-ITnose-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

Learning about _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:45 AM

DOCTYPE is the abbreviation of Document type, indicating what version of XHTML or HTML is used. Must appear before the tag and does not need to close the tag.

The declaration is not a tag, it instructs the web browser as to which version of HTML the page was written in. Always add the declaration to your HTML document so that the browser knows the document type. How to ultimately display your web document. Therefore, if you want to create a page that complies with W3C standards, the DOCTYPE statement is an essential and key component.

Styling issues caused by lack of HTML Doctype

When a web page is developed using the XHTML standard, the first line is:

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

This is xhtml W3C standard.

DOCTYPE specifies the document type definition (DTD) that the HTML document follows. The declaration follows certain rules and indicates what set of rules the reading program uses to interpret the tags in the document.

Rule style:

Syntax:

　 HTML Top-level element availability "registration // organization // type // tag // definition // language" "URL"

Possible values:

Top-level element: The top-level element type declared in the specified DTD, which corresponds to the declared SGML document type. Default is: HTML

Availability: Specifies whether the Formal Public Identifier (FPI) is an accessible object or a system resource. The default is: PUBLIC, a publicly accessible object. SYSTEM System resources, such as local files or URLs.

Registration: Specify whether the organization is an International Standards Organization (ISO). default. The organization name has been registered.

Organization name is not registered: IETF and W3C are not registered ISO organizations.

Organization: Specify who is responsible! The DOCTYPE declaration refers to the name of the team or organization that created and maintains the DTD.

Type: Specifies the public text class, that is, the type of object being referenced. Default: DTD.

tag: Specifies a public text description, a unique descriptive name for the referenced public text. Can be accompanied by a version number. Default: HTML

Definition: Specifies the document type definition. Frameset frameset documentation. Strict excludes all representative attributes and elements that W3C experts want to phase out. Transition contains all contents excluding Frameset elements.

Language: Specify the public text language, the natural language encoding system that creates the referenced object. Default: EN.

URL: Specifies the location of the referenced object.

(reprinted from: http://www.cnblogs.com/tomatoxml/p/3585741.html)

　DTD (in the example: xhtml1-transitional.dtd) is the document type definition, Containing the layout of the document, the browser interprets the markup of the page according to the defined DTD and then displays it.

xhtml1.0 provides three DTD declarations to choose from:

Transitional: Contains all HTML elements and attributes, including presentational and deprecated elements, and does not allow the use of framesets (Framesets) ,XML must be written in the correct format.

<!DOCTYPE html PUBLIC　"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Strict: Contains all HTML elements and attributes, but does not include presentational and deprecated elements (such as: font). Framesets are not allowed and must be Write XML in the correct format.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">

Frameset: Equivalent to XHTML 1.0 Transitional, but allows frameset content.

<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Compared with the three DTD declarations of xhtml and the three declarations of HTML 4.01, there is only one declaration in HTML5:

<!DOCTYPE html>

In HTML4.01, the statement refers to DTD. Because HTML4.01 is based on SGML, DTD specifies the planning of the markup language so that the browser can display it correctly. Content, HTML5 is not based on SGML, so there is no need to reference the DTD.

Explain about XHTML1.0, HTML 4.0 and HMTL5:

XHTML 1.0 is a transformation of HTML 4.0 in accordance with the XML standard requirements. It is an XML-styled HTML4.01, while HTML5 is A generation of HTML to replace HTML 4.01. The W3C did originally plan to replace HTML 4.01 with the (can be born), it died before it could escape the shadow of HTML 4.01. Before the rise of XHTML, its status was replaced by HTML5. (Excerpted from http://www.zhihu.com/question/20258628)

Following the DOCTYPE declaration is an XHTML namespace:

<html xmlns="http://www.w3.org/1999/xhtml">

When you need to use an XHTML document that conforms to the XML specification, you should use the xmlns attribute in the tag.

Check Tool: If you need to check whether your page complies with the standards declared in DOCTYPE, you can use the verification tool provided by W3C: http://validator.w3 .org/

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

HTML, CSS, and JavaScript: Examples and Practical ApplicationsMay 09, 2025 am 12:01 AM

The roles of HTML, CSS and JavaScript in web development are: 1. HTML is used to build web page structure; 2. CSS is used to beautify the appearance of web pages; 3. JavaScript is used to achieve dynamic interaction. Through tags, styles and scripts, these three together build the core functions of modern web pages.

How do you set the lang attribute on the tag? Why is this important?May 08, 2025 am 12:03 AM

Setting the lang attributes of a tag is a key step in optimizing web accessibility and SEO. 1) Set the lang attribute in the tag, such as. 2) In multilingual content, set lang attributes for different language parts, such as. 3) Use language codes that comply with ISO639-1 standards, such as "en", "fr", "zh", etc. Correctly setting the lang attribute can improve the accessibility of web pages and search engine rankings.

What is the purpose of HTML attributes?May 07, 2025 am 12:01 AM

HTMLattributesareessentialforenhancingwebelements'functionalityandappearance.Theyaddinformationtodefinebehavior,appearance,andinteraction,makingwebsitesinteractive,responsive,andvisuallyappealing.Attributeslikesrc,href,class,type,anddisabledtransform

How do you create a list in HTML?May 06, 2025 am 12:01 AM

TocreatealistinHTML,useforunorderedlistsandfororderedlists:1)Forunorderedlists,wrapitemsinanduseforeachitem,renderingasabulletedlist.2)Fororderedlists,useandfornumberedlists,customizablewiththetypeattributefordifferentnumberingstyles.

HTML in Action: Examples of Website StructureMay 05, 2025 am 12:03 AM

HTML is used to build websites with clear structure. 1) Use tags such as, and define the website structure. 2) Examples show the structure of blogs and e-commerce websites. 3) Avoid common mistakes such as incorrect label nesting. 4) Optimize performance by reducing HTTP requests and using semantic tags.

How do you insert an image into an HTML page?May 04, 2025 am 12:02 AM

ToinsertanimageintoanHTMLpage,usethetagwithsrcandaltattributes.1)UsealttextforaccessibilityandSEO.2)Implementsrcsetforresponsiveimages.3)Applylazyloadingwithloading="lazy"tooptimizeperformance.4)OptimizeimagesusingtoolslikeImageOptimtoreduc

HTML's Purpose: Enabling Web Browsers to Display ContentMay 03, 2025 am 12:03 AM

The core purpose of HTML is to enable the browser to understand and display web content. 1. HTML defines the web page structure and content through tags, such as, to, etc. 2. HTML5 enhances multimedia support and introduces and tags. 3.HTML provides form elements to support user interaction. 4. Optimizing HTML code can improve web page performance, such as reducing HTTP requests and compressing HTML.

Why are HTML tags important for web development?May 02, 2025 am 12:03 AM

HTMLtagsareessentialforwebdevelopmentastheystructureandenhancewebpages.1)Theydefinelayout,semantics,andinteractivity.2)SemantictagsimproveaccessibilityandSEO.3)Properuseoftagscanoptimizeperformanceandensurecross-browsercompatibility.

See all articles

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

How to fix KB5055523 fails to install in Windows 11?

4 weeks agoByDDD

How to fix KB5055518 fails to install in Windows 10?

4 weeks agoByDDD

Roblox: Grow A Garden - Complete Mutation Guide

3 weeks agoByDDD

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys

3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

How to fix KB5055612 fails to install in Windows 10?

3 weeks agoByDDD

Hot Tools

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software