Basic HTML concepts and how they relate to eachother

I am a grad student working on a project to visualize how the HTML markup is translated into a webpage in a browser. I am not a programmer, and thus am confused by how all the following concepts relate to one another. The goal lis to list them in a logical order and describe how one concept leads to the next in a sequential manner.
I’d like to create a hierarchal list of all these terms and their definitions as a start. Here’s what I have so far.
Tried to start with the most basic, and work my way up Any help would be appreciated. Any errors?
SPECIFICATIONS
WC3 / WHTWG Specification
Defines the semantics, structure, syntax, and rendering of HTML code
elements in HTML5 (tags)
any element in the HTML namespace (as per the doctype declaration) - refers to all tags and their attributes - these tags are used to describe the meaning of the content they contain
    content model types     (tags can fit in one ore more of these categories of model types)
        metadata - content that sets up the presentation or behavior of the rest of the content
        flow - elements that would be included in the normal flow of the document (fits in the HTML body tag)
        sectioning - defines the scope of heading and footers - create new sections in document
        heading - defines the header of a section, which can either be explicitly marked up with sectioning elements or implied by the heading content itself
        phrasing (similar to inline in HTML 4) - the text of the document, as well as elements used to mark up the text within paragraph level structures
        embedded - any content that imports other resources into the document
        interactive - any content that is specifically interacted for user interaction
Outline Algorithm (definition)
    Definition in the HTML5 spec of the rules that user agents should use when parsing code in order creating an outline of section content elements in an HTML     document
                he outline (based on their ranking)
AUTHOR
HMTL5 Document - the document contenting HTML elements and authored content
Document Semantics - the meaning associated with each HTML element Tag
    the collection of tags with meaning form the semantic structure of the HTML document
Document Structure (combination of ordered semantic elements) - the order and nesting of tags, and the associations associated with the levels of nesting (ranking) create the document structure
    understanding the W3C outline Algorithm helps the author decide how and when to chose which elements to properly structure content
        understanding the process that HTML5 uses to outline documents will help in this decision
USER AGENT (BROWSER)
User Agent (browser)-
    the browser (application that user operates to interact with HTML documents
    parsing algorithm (executed) - the rules the browser uses to parses (walks through) the elements in order to establish its structure and add to the outline using     a parsing engine
        examples: webkit (safari) and gecko (firefox)
            body is established as the outline root (beginning)
    the result of the parsing is a Document object Model (DOM) and the Document Ouline
Document outline - the nested, hierarchical outline created by the browser parsing the html document’s structure and content
    each part of the outline is considered a node
        (relationships in the node are described with family tree terms like parent, child, and sibling.)
    sectioning and heading elements are used to define the outline
    sectioning elements are containers - so any elements contented within a a section is nested as a child in the parent’s section
DOM -
    The DOM is the structure created by the DOM API in which CSS and Javascript interact with and modify the HTML
    based on an object structure that closely resembles the structure of the documents it models.
    structure similar to that of a tree - in which every element is a node
    similar to the document outline, but instead of a hierarchical list, the DOM is a tree diagram
OUTPUT
Final webpage

As a rule of thumb, avoid all swing components (just use awt) because they are only available in 1.2. You can use all enhancements and bug fixes to awt components that are available in 1.4 (even 1.5).
;o)
V.V.

Similar Messages

1.1 vs 1.4 : SDK API's and how they relate to JVM versions

Hey all,
I'm hoping some Java expert/guru/enthusiast can help me understand a little (OK, a lot) more about designing applets for backward compatibility .
My situation is that I need to design applets which are compatibile with the built-in Java features of Internet Explorer and Netscape 6.x - which appears to be JVM versions 1.1.4. I know going with Java2, JDK 1.4, web start whatever would be MUCH better, and will do whatever I can to push clients to plug-in & non-MS browsers, etc. etc., but believe me, supporting MS JVM 1.1.4 is a requirement...
...So my question is, are there any things added to the JDK since 1.1.4 that can be used in a 1.1 JVM? If so, how would I be able to determine what those things are without testing them all?
Like could i take java source for some 1.4 SDK code and add them to a 1.1 project? how do I know if the api requires a new intrinsic or not? (native keyword?)
Also, I'm using the 1.4 SDK compiling for 1.1 targets, aside from the 1.4 SDK api's & packages, will there be any code I can write that will happily compile for a 1.1 target but then mysteriously fail when testing? What I mean is, if I use a new language feature or compiler feature since 1.1, will the 1.4 compiler's byte-code still be 1.1 compatible, or will there be some potential run-time problems?
thanks

As a rule of thumb, avoid all swing components (just use awt) because they are only available in 1.2. You can use all enhancements and bug fixes to awt components that are available in 1.4 (even 1.5).
;o)
V.V.

How to make like Encarta encyclopedia and basic screen settings and how to lock the documents in the entire data.

dear guys how can i make like a off line Encarta encyclopedia and basic screen settings and how to lock the documents in the entire data in visual studio.
thank you.
Million
Getu

Dave,
I will +1 Pixelan's products. They are great, simple, and have about the best support that I know of. When you explore, say Pixelan's SpiceMaster, dig deeply. Things appear rather mundane, on the surface, but there is so very much power lurking, just below the surface. I could almost imagine a 1000 page manual to cover every possible aspect of that program... Every time that I use it, I learn something new, and wonderful.
Good luck,
Hunt

Require material on Delta's and how they posted from LO extraction to BW

Hi All,
Can any body send "material on Delta's and how they posted from LO extraction to BW and tell the scenario's"
Plz reply back me to [email protected]
Regards,
Kiran

Hi Kiran,
I have sent some information that what are delta that we use for
delta and how they work.
If you need any clarification let me know.
Thanks
If useful assign some points

What is the meaing of the sysmbolic constant value in the header file for UIR file and how they are used

In labwindows after creating the uir then header file is create automatically. There it has define some symbolic constant. As examples of colview.h(from the examples of labwindows )
#define MAINPNL              1       /* callback function: MainPanelCB */
#define MAINPNL_RESULTS      2     /* control type: table, callback function: ResultTableCB */
#define MAINPNL_NEWTEST     3       /* control type: command, callback function: NewTestCB */
My question is how these values 1, 2 and 3 were selected and how they are used in programs ?
If anyone explains, it will be a great help.

When creating a UIR file, CVI editor takes care of assigning constants to the panels / controls you create in it.
The conceptual framework is the following (assuming to treat the file you have reported in your message):
- Within a single UIR file all panels have a unique ID, which is the one you pass to LoadPanel when loading a panel into memory. LoadPanel (0, "myfile.uir", MAINPNL); is then translated to panelHandle = LoadPanel (0, "myfile.uir", 1); , that is: "load the first panel in the uir file". The panel in memory is then assigned a handle, which is guaranted unique by the OS and saved in panelHandle variable
- Addressing a control in a panel is done e.g. using SetCtrlVal (panelHandle, MAINPNL_NEWTEST, xxx); , which again is translated to SetCtrlVal (panelHandle, 1, 3); that is: "Set control #3 in the panel identified by panelHandle to value xxx".
You must not modify the include file associated to the UIR as it is fully maintained by the IDE and is rewritten each time you save the UIR file.
That conceptual framework has some advantages and some caveats:
- You can load the same panel more then once in your program: each instance is independent from the others as each panel handle is unique; in some occasions it may be helpful, e.g. if you need to handle several identical equipments connected to your PC and you can load the same control panel for each unit connected maintaining each of them independent
- If the panel handle is wrong, the system does not warn you of this as it does not know of the symbolic names you are using; if you try that SetCtrlVal command with a wrong handle you are trying to manipulate a control on a panel different from the one you intend: supposing actual panel idientified by the handle has control #3 the maximum you can expect is that you receive an error in case you pass e.g. a string to a numeric, but if controls are of the same type you have no errors or warning at all! This is particularly important when addressing controls on pages of a tab control: each page is really a separate panel with its proper handle that you must retrieve with GetPanelhandleFromTabPage command before addressing the controls on it
Proud to use LW/CVI from 3.1 on.
My contributions to the Developer Zone Community
If I have helped you, why not giving me a kudos?

Colored Calendars on iPhone--And how they don't work.

Ok. Let me start by asking Steve and Apple, "***?!"
I use colored calendars. They help [me]. I can visually look at my week view and determine how much of my week consists of work, and how much consists of play. Oh, and look, there's my silver calendar, it's someone's birthday on Saturday. And there's a red box, so that means my team is playing on Sunday. Colored calendars are great...but why don't they work properly for the iPhone when they sync??? This is the most ******** thing I've ever seen.
My Blue (Personal) calendar is Orange on my iPhone. My Green (Work) calendar is Purple on my iPhone. Oh and guess what? My Holidays, Birthdays, and other calendars are other colors too. Do you know why my personal calendar isn't orange on my iCal? Because I hate the color orange. I made it blue for a reason.
Why would they enable colored calendars without a) just making them sync to what the calendars are on iCal, and b) not giving you the option to edit the colors. I mean, if they're not going to just make it a proper sync, the least they could do is allow me to adjust the colors, right?
This is just one more thing that the developer of the 2.x software didn't think of.

An Apple kbase article 'explains' this (really, I would call it more of an excuse than an explanation!).
Each calendar is assigned a different color to allow you to easily identify which appointments belong to which calendar and _this may not match the exact color used on the computer_.
In the meantime, there is a workaround, although it is something of a pain. The iPhone will apply calendar colors in the following order: red, orange, blue, green, purple. (If you only sync one calendar, it's blue).
Depending on the colors you want, you first need to create 'blank' calendars in iCal to 'use up' unwanted colors. Then, you need to sync the calendars, one at a time, in color order.
Go to the Info tab (in iTunes with the iPhone connected and selected in the devices list). With the Sync iCal calendars box checked, UNcheck all the boxes and sync. Then, check the box for the calendar you want to be red. Then sync (if you look on the iPhone at this point, that calender will be blue, since it's the only one). Then, check the box for the calendar you want to be orange, then sync. Repeat for blue, then green, then purple.
For example, if I want to have two calendars, Home colored blue and Work purple, I would create three new calendars - empty1, empty2, empty3 - then check the boxes in the following order, syncing between each: empty1, empty2, Home, empty3, Work.
Also, you can submit feedback to Apple: http://www.apple.com/feedback/iphone.html.

Google maps keeps giving "Still loading... Slow? Use the troubleshooting guide or basic HTML" message and won't load maps

I go to Google Maps and try to enter address in search bar.
Message pops up: "Still loading... Slow? Use the troubleshooting guide or basic HTML"
Nothing ever comes up -- map does not load.
If I append "q?=us" to url (below) (without quotes), it works.

&q=us does not work.
Starting firefox in safe mode does not work
Map loads but entire page except main menu is non interactive.
"Still loading... Slow? Use the troubleshooting guide or basic HTML"
It comes up on google.com.au but not google.com
It happened after they added the new privacy popup with with MapGL also being added.
Disabling all cookies with Web Developer or browsing in private mode works but when settings are put back to normal it stops working.
I deleted all cookies and cleared cache but that did not help. Strange that clearing cookies did not solve the problem because disabling cookies works.
I tested with another browser and it works... but I want firefox forever.

What are Crawlers(Task/Process) and how they take part during indexing

Hi,
I'm new to TREX search Engine. i want to know that what are Crawlers task and how & when they perform their duties after the DataSource is assigned to a newly created index. I mean to say, how they are closely related to search indexes.
Regards
Nitin Mishra

hi,
The crawler only searches Web sites or parts of Web sites that are not protected by robot instructions. Robot instructions are part of Internet standards. They allow Web site owners to permit or forbid the crawling of their sites or parts thereof
Depending on the type of repository, you may have to set up a crawler and a schedule.
For Web repositories, the index is updated using a crawler. If you are assigning a Web repository to an index for the first time, it is indexed immediately. You then need to regularly schedule the crawler so that the index is updated.
For hierarchical repositories, the index is updated by using events. Therefore, it is not absolutely necessary that the crawler be started at regular intervals. However, you can start the crawler at regular intervals in order to make changes in the index for which no event is triggered. This can be the case if documents have been created, changed, or deleted directly in the file system without using Knowledge Management.
Regards,
Ganesh N

Issues with writing html coding and how safari interprets it

Hi,
I have been having a frustrating 24 hours with my basically brand new iMac.
I have just started a course in web design and just doing a basic html unit. When I put the following in Textedit it comes up very strangely.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> Shifty Sam’s Saleyard</title>
</head>
<body bgcolor="blue">
<h1 align = "center">
<font color = "red" face = "verdana, arial">Shifty Sam's Saleyard</font>
</h1>
</body> </html>
The h1 isnt centered, isn't in the correct font and comes up as green!
I have tried using other text editors like the Notepad App in the App Store and Textwrangler with the same result. Then I thought I would try a different browser and downloaded Firefox with the same result.
The frustrating this is that if I type out this html in Notepad on my Windows machine and open in IE it works perfectly.
I just did an experiment and emailed the html doc to my windows machine and tried to open in Notepad and it came up very strangely.
I have looked at other posts and changed around preferences in TextEdit.
I hope someone can help - this is really doing my head in that I can't even do the most simple task on my brand new computer!
Thanks

Because i do
Seriously, I've programmed all my adult life working in Unix until I switched to OS X. I've been through the complete range of editors starting with ed to vi to emacs with a bit of teco thrown in.
When I switched over to OS X I tried using TextEdit, trying to stay with all the native Apple tools and just found it to limiting for programming.
While I was able to get it to be a plain editor and not throw in things I didn;t want in my files or change things in the files behind my back it never had the 'right feel' or the power I was looking for.
I think if you're doing text TextEdit is fine but for programming tasks it's to limited. And why would you not want to use the best tool (or at least a better tool) for the job if it will make the job easier?
No, for the user doing some programming and system work (looking at plist files and such) TextWrangler is the way to go. Good power and expandability but fairly easy to use for a new or casual user.
regards

Page file concepts and how to define its size ?

Hello Experts ,
Wt is the concept and use of defining page files in standard oracle and SAP installations ? why do we need to define it ?
how much size is defined for page file size and on wt factors does it depend ? and where is it defined ?
Requested to revert to the queries at earliest . Points guaranteed .
If any supportive document is sent for the same , it sahll be appreciated .My Email id is [removed by moderator] .
Thanks and Regards,
Saumya

The distribution, participation in distributing or otherwise sending of this material is against the law. The material you are requesting is copyrighted material and available ONLY to customers of SAP. If you need such documents from the SAP Service Marketplace then you must have "S" user ID and login yourself to retrieve this material. If you do not have a "S" user ID then you should contact your own internal company groups responsible and request one or request them to retrieve the document for you.
By participating and sending such documents you are at risk for legal action and a removal of your account here on SDN and BPX.
DO NOT send material via email such as this! Further actions will result in officials within your company and your SAP Sales Account being notified and could result in legal action against you as an individual.

Coupon Apps and How they work...

I would like a coupon app, but am confused about how they work? Do you scan the barcoad of an item at the store and see if it finds a coupon for you? And if a coupon is found, does it display a coupon for you to use at the register when you pay?
For those of you that are using a coupon app, could you explain how it works? I would appreciate it.

I have used the old MyCoups app. The bar code was not available then. To get coupons, what I did was I sent them to my email address. After they were on my email acccount I printed them out. I know the new app includes the bar code thing. You can scan a barcode and after you do that, it'll show you where you can buy it

Html email and other email related problems

Hi, i recently ahd my 8330(vzw) replaced i ran the restore and everything works fine, except... I cannot get HTML email, and my "more" command gives " more request cannot be completed...etc" error. ive reactivated (*228) battery pulled, registered the phone, resent service books, im out of ideas. So i come to you guys for new ones. Thanks

Welcome to the forums
In your email list, press menu/blackberry button, Options>Email Settings. Under there, for each email address, set "enable html email" to "yes" and set "download images automatically" to "Yes".
See how that works for you.
Cheers,
Kijana
Please remember to:
1. Mark Accept as Solution on the appropriate post once your issue has been resolved
2. Give Kudos to helpful posts (click the star next to the post)
Thanks

We have concerns with Adobe Acrobat DC - document cloud services and how it relates to HIPAA. Has anyone else worked through these issues?

We have questions relating to the Document Cloud services offered with Acrobat DC. We are considering disabling the cloud feature to stay in compliance with HIPAA. Has anyone else worked through these issues?

Hi mikem82897618,
You can refer the following link to know what can be done with Adobe Document Cloud Services when working in Acrobat DC:
Store Files Online, Share & Access From Anywhere | Adobe Acrobat.com
Also, visit this link to know more on how Adobe Document Cloud services are compliant with HIPAA security standards:
E-signatures vs digital signatures | eSign services from Adobe
Please specify more details on the same as why you would need to disable the Cloud feature.
What and where exactly are you facing the trouble?
Let me know.
Regards,
Anubha

PDF forms and how they work with different Reader versions

I'll start this off by giving a little background information and describing a workflow scenario. I work as an InHouse designer for a company that keeps the majority of the employee population always a few versions behind. Fortunately, for us designers they keep us updated, but it doesn't always play nicely when you're saving your PDFs for older versions of Acrobat Reader.
What happens is that I create a form in InDesign, export a PDF, and then create my form fields in Acrobat Pro 9 on a Mac. After saving for version 9 I then take the PDF and test within the Windows environment which our IT is enforcing Acrobat Reader 7. The PDF opens ok and I can fill out the form, but I cannot save. I then open in Acrobat Pro 7 for Windows and then it gives the option to save or make modifications.
My questions really come down to whether or not Reader 7 is doing this because of how old the technology is, or if that would change if our IT would allow Acrobat Reader 8 or 9? Now I've looked at the Acrobat Pro 9 comparison chart and it states "Enable users of Adobe Reader® (version 8 or later) to fill in and save PDF forms locally." Does this mean that we just need version 8 or 9 and then people can save the form? What in version 7 is causing us not to be able to save? Did that change the technology in some way? I'm trying to figure out if we get IT to upgrade users to Reader 9 if this will solve the issue or will they have to install Acrobat Standard/Pro 9 to save a PDF form?
What other selling points could we make to our IT department that using Reader 9 is a lot better than using Reader 7? Any technology benefits, security or functions?
Thanks

~graffiti wrote:
No version of Reader can save a filled in form unless it has been enabled first.
To enable, open the file in Acrobat then go to Advanced>Enable usage rights in Adobe Reader...
And for my standard disclaimer, if you are going to use the forms in a corporate environment, be sure to study and understand the usage limits for enabled forms (the limit is 500 uses, but there are caveats to that) in the EULA. Mostly the enabled forms are meant for very small time users. If you do not meet that requirement, Adobe sells another product that can enable files for unlimited uses but it costs in the tens of thousands of dollars and is a server side solution.
Hey Graffii,
I enabled the usage rights and that did help with saving in Reader 7. I am a little concerned about the limit of 500 uses. Let me try and understand you a little better. I have a PDF that has a couple form fields and you're saying that the PDF can only be opened 500 times? I've never heard of restrictions on PDFs before. Does this happen after you place just 1 form field? How do I find out more information? I looked in the EULA, but found nothing.
Also, what does Adobe mean here "Enable users of Adobe Reader® (version 8 or later) to fill in and save PDF forms locally." Are they saying that you need Reader 8 or later to read a form or that you need Acrobat Pro 8 or later to enable the form feature?
It's all very confusing because one of the features they tout in version 9 is the ability to save forms locally, but once I enable the form I could save it with Reader 7. It's hard to tell if they are referring to Reader 9 or Acrobat Pro 9.
Thanks

Open items and how they return to the dock

Recently I have noticed that when I click on something and it returns to the dock, it does this funny special effect. This is new to me and I have no idea how to stop it from doing it just return to the old fashioned way it just snapped to the dock. I have a dual core intel, running 10.5.8. I have no idea why this is happening now or if someone was messing with my computer.

If you had in it for repair, they might have done a reinstall? If so, all the system preferences would have changed back to the default settings, which is no big deal - just check them all and reset them to what your preferences are.

Basic HTML concepts and how they relate to eachother

Similar Messages

Maybe you are looking for