00:00موسيقى
00:11موسيقى
00:13موسيقى
00:14موسيقى
00:15ما العبر حمل اتجار thript
00:19و ر kicked
00:25حتما يتقوم بإيجاب المستقبل ، محكو LIVado
00:29مطارئة المستقبل ،
00:31حتما فعلها حتما يدعون مستقبل مدفع الموجودة
00:36تحت قبل أن يكون لأشياء المستقبل
00:38محيطة المستقبل
00:40إضافة أشياء المستقبل
00:43إضافة ، إضافة ، إضافة ، ونقرر
00:47أن نحظم جددًا لقد قد ستحق المستقبل
00:50عندما نقوم بإخدام المستقبل
00:53It's important to note that particular attributes are designed to function only with certain elements
00:58A prime example here is the date-time attribute
01:01This date-time attribute is in fact exclusively applied to and makes sense primarily for the time element itself
01:10The big idea here is that some HTML attributes are like highly specialized tools for very specific jobs or perhaps very picky eaters
01:18Distinct attributes operate with numerous elements, yet not each of them is compatible across the board
01:26We shall review a few samples of these particular cases while we cover image and video elements later on
01:32So now, we shall carefully view a few distinct global attributes
01:37Global attributes represent special codes within HTML which are designed to correctly suit just about any element you could choose
01:45Next up, we fully plan to show you four clear examples of the more widely noted and helpful global attributes available
01:52The single most frequently utilized attribute is indeed the class attribute itself
01:58This attribute offers us a clear method to affix a common, reusable label to nearly any element
02:05So we can then accurately reference that specific label within our CSS files
02:10And thereby impart consistent visual styling to all of the elements that happen
02:15To share that same class
02:17Super handy for making many things look the same without individual effort
02:22Key takeaway
02:24The main point is that
02:26The class attribute is like giving a group nickname to your HTML elements
02:31Any element with that class nickname instantly joins the club and gets the same CSS style makeover
02:38It's like a secret handshake for elements
02:41Show the class, get the style
02:43It is incredibly convenient and efficient for creating a wide variety of items that appear identical and perfectly consistent
02:50Without requiring any individual effort or manual intervention
02:54The ID, attribute, also enjoys wide use and is another popular choice among web creators
03:01It closely resembles the class attribute in some ways
03:05But with ID S, we are strictly limited to assigning each distinct name only a single time within a complete HTML document or page
03:13We can indeed employ an ID for pinpointing CSS styles
03:18However, its nature is vastly more specific
03:21Which can occasionally present a practical difficulty or become a problem
03:25Consequently, for general styling tasks
03:28CSS practitioners frequently prefer to rely on classes due to their flexible, reusable nature
03:35IDs are especially beneficial when we need to interact with very particular elements
03:40Using JavaScript code
03:41Or when creating a direct hyperlink designed to jump to a specific section of a web page
03:46The absolute certainty that there will only ever be one singular element
03:50Carrying any given ID, name on the entire page proves quite advantageous for
03:56JavaScript, actions, or for precise, link navigation
03:59In conclusion, the certainty and efficiency of unique
04:03Element, IDs in conjunction with JavaScript, actions, and targeted link
04:08Navigation play a crucial role in enhancing the user experience
04:12Streamlining the workflow
04:13And improving the overall performance of a site
04:16Key Takeaway
04:18Think of an ID as an element's unique, top-secret serial number
04:23Strictly one-of-a-kind per page
04:25While a class is like a group nickname
04:28Hey, all you coolbox elements
04:30An ID says
04:32Yes, you, the main header, and only you
04:35This makes IDs the VIP pass for JavaScript
04:39To find that one specific element or four links to make a pinpoint landing
04:43For CSS, using an ID is like having a personal stylist for just one element
04:49Absolutely, it's crucial to ensure that generic classes are tailored to the unique needs and preferences of the participants
04:57Having stated that they can undoubtedly prove to be more effective and efficient
05:02When it comes to styling diverse and inclusive groups of individuals
05:06Regardless of the specific application or scenario
05:10The class and ID attributes furnish us with a practical method to assign distinct names to certain HTML elements
05:18And then subsequently make reference to these named elements from other integral sections of the overall code arrangement
05:25We shall now examine the very same demonstration piece from our previous lesson
05:30However, we have since created an exact duplicate of it
05:34And meticulously incorporated both classes and IDs
05:38Directly into the underlying code structure for illustrative purposes
05:42Further, attributes can also act quite widely
05:46Achieving various distinct outcomes
05:49The content editable attribute helps a site's viewer to alter the given content of that very page directly in their browser
05:56This particular block quote element is now fully editable by anyone visiting
06:02As a user, we can indeed adjust the visible matter on this current webpage, making live changes
06:08Now, you will observe this edit won't alter the core HTML source code itself
06:13And if we subsequently reload the webpage, it simply reverts to its first, original state
06:19It's like webpage graffiti that magically cleans itself
06:23All the fun of defacing property, with none of the permanent mess or illegal fees
06:28This occurs since HTML itself solely offers the basic mechanism
06:33For direct alteration of content by a visitor
06:36Consequently, back-end, developers must then devise a robust system
06:42So that any new or modified content gets fully captured and subsequently saved permanently
06:48Numerous distinct methods do exist for how a given site might actually deal with the task of keeping content safe
06:55Thus, this specific aspect often wants custom coding solutions
06:59Developed uniquely for each website
07:02Frequently employing JavaScript
07:04HTML certainly grants substantial inherent power and capability
07:09Through the content editable
07:11A tribute on its very own
07:13This includes the user's direct, hands-on engagement
07:16The precise way the actual page visibly starts being modifiable by them
07:21And its smart, intuitive response to items like cursor focus
07:25The screen display, various input keys, and essential assistive devices or tools
07:30It truly acts as a direct link, or a hook, into the potent, built-in features and functionalities of the web browser itself
07:39All of which are conveniently enabled and made accessible through HTML
07:43Many more attributes function in a manner quite similar to this one
07:47Effectively offering clear access to the browser's APIs
07:51Application programming interfaces
07:54Readily available for JavaScript utilization
07:57We strongly suggest exploring additional related lessons for achieving an even deeper and more comprehensive insight into these advanced topics
08:05It's like the marker was invisible ink
08:08And your original page is perfectly preserved
08:11No harm done
08:12HTML provides the stage and the props for this interactive user experience
08:17Saving the actual performance is a whole other, more complex show
08:22The LANG attribute provides a straightforward way for us to communicate to the web browser the specific human language
08:28In which the page's main textual content has been composed
08:32This declaration is generally made by stating
08:35LANG equals
08:37And then appending the designated shortcode for the particular language being used on that page
08:42The DIR attribute affords us a clear and explicit means to inform the web browser regarding the specific orientation or direction in which the textual content is intended to flow on the page
08:52DIR itself is an abbreviation that simply stands for direction
08:56We use DIR equals LTR when dealing with scripts that conventionally run from left to right
09:01Such as English and DIR equals RTL for scripts that are read from right to left, like Arabic or Hebrew
09:07These particular attributes, including DIR, are considered global attributes within HTML
09:13Signifying that they can be appropriately applied to virtually any element throughout an HTML document
09:18A comprehensive and detailed roster of all the global attributes currently available can be readily consulted on the NDN WebDocs website
09:25A valuable resource for developers
09:27The DIR attribute is essentially HTML's polite way of telling the browser
09:32Excuse me, but this text prefers to travel from right to left, like a very distinguished calligrapher
09:37Or, this text is taking the usual left to right scenic route
09:41It's like setting the GPS for your words
09:43So, LTR means let text roam, left to right
09:47And RTL means rightward text lane
09:49Using it ensures your Arabic, Hebrew, or English text doesn't look like it's moonwalking accidentally
09:55And yes, DIR is a global party attribute
09:58It can hang out with almost any HTML element
10:01Currently, for the present time
10:03We kindly suggest you simply recall and take into consideration
10:07The four among many truly essential and vital global attributes that are readily available to you
10:13These are the class attribute
10:16The ID attribute
10:18The LANG attribute
10:20And D also the DIR attribute
10:23We highly encourage and urge you to consistently make use of these attributes whenever you create and implement an element within your HTML
10:32Markup file
10:33The big takeaway is to treat class, ID, LANG, and DIR as your HTML element's trusty multi-toolkit
10:41Class is for roping similar elements together for group styling
10:45ID is like a unique serial number for that one special element JavaScript needs to find
10:52LANG tells browsers and screen readers
10:55Pissed, this content is speaking French
10:58And DIR makes sure text flows in the right direction
11:01Avoiding any awkward linguistic traffic jams
11:04Forgetting them is like going camping without your tentpoles
11:07You might survive
11:08But it won't be pretty or efficient
11:11You can find all the necessary files and exercises to practice with this video in the attached files
11:17See more details
11:18But it doesn't seem to stay
11:19Ben will survive
11:20Neo025
11:21Most of the rules
11:22Can you check those?
11:23Who is the tulip of?
11:24Yes
11:25This is myCTF, best of name
11:26MyCTF, best of rank
11:27The APF
11:28Plus of dIR, most of the Ditpoles
11:29And DIR, most of the Mix
11:30There is a variety of common of..
11:31Next of our list
11:32I'm not sure
11:33By the way
11:34Who is the SadF, best of that
11:35And I'm not sure
11:36I'm not sure
11:38You can go ahead
11:39To the story
11:40To the story
11:41That I'm not sure
11:42Which is what
11:42Knife can be
Comments